Huebook

Atomic Orange Tetradic Color Scheme

Five colors arranged by the tetradic rule around Atomic Orange (#F88605), each snapped to its nearest named color.

#F88605
#09F911
#0078F8
#EE00EE
#FCB867

Color names and codes

NameHEXRGBHSLCMYK
Atomic Orange#F88605248, 134, 532°, 96%, 50%0, 46, 98, 3
Free Speech Green#09F9119, 249, 17122°, 95%, 51%96, 0, 93, 2
Blue Darknut#0078F80, 120, 248211°, 100%, 49%100, 52, 0, 3
Piquant Pink#EE00EE238, 0, 238300°, 100%, 47%0, 100, 0, 7
Yellow Polka Dot#FCB867252, 184, 10333°, 96%, 70%0, 27, 59, 1

Which pairs work for text

Text on backgroundContrastWCAG
Aa #09F911 on #0078F82.89:1—
Aa #09F911 on #EE00EE2.48:1—
Aa #0078F8 on #FCB8672.42:1—
Aa #EE00EE on #FCB8672.08:1—
Aa #F88605 on #09F9111.73:1—
Aa #F88605 on #0078F81.67:1—

CSS variables

:root {
  --color-1: #f88605; /* Atomic Orange */
  --color-2: #09f911; /* Free Speech Green */
  --color-3: #0078f8; /* Blue Darknut */
  --color-4: #ee00ee; /* Piquant Pink */
  --color-5: #fcb867; /* Yellow Polka Dot */
}

Other schemes from Atomic Orange

More Medium Orange tetradic palettes

Questions

What colors go with Atomic Orange?

In a tetradic scheme: Free Speech Green (#09F911), Blue Darknut (#0078F8), Piquant Pink (#EE00EE), Yellow Polka Dot (#FCB867).

What is the hex code of Atomic Orange?

#F88605.