Huebook

Atomic Tangerine Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Atomic Tangerine (#FF9966), each snapped to its nearest named color.

#CC4400
#FF6316
#FF9966
#FFCCB6
#FFECE5

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Mellow Mango#CC4400204, 68, 020°, 100%, 40%0, 67, 100, 2057.3% 0.182 39
Badlands Orange#FF6316255, 99, 2220°, 100%, 54%0, 61, 91, 069.3% 0.205 41
Atomic Tangerine#FF9966255, 153, 10220°, 100%, 70%0, 40, 60, 077.9% 0.139 47
Peach and Quiet#FFCCB6255, 204, 18218°, 100%, 86%0, 20, 29, 088.4% 0.065 45
Peach Breeze#FFECE5255, 236, 22916°, 100%, 95%0, 7, 10, 095.6% 0.023 41

Which pairs work for text

Text on backgroundContrastWCAG
Aa #CC4400 on #FFECE54.18:1AA large
Aa #CC4400 on #FFCCB63.31:1AA large
Aa #FF6316 on #FFECE52.61:1—
Aa #CC4400 on #FF99662.28:1—
Aa #FF6316 on #FFCCB62.07:1—
Aa #FF9966 on #FFECE51.84:1—

CSS variables

:root {
  --color-1: #cc4400; /* Mellow Mango */
  --color-2: #ff6316; /* Badlands Orange */
  --color-3: #ff9966; /* Atomic Tangerine */
  --color-4: #ffccb6; /* Peach and Quiet */
  --color-5: #ffece5; /* Peach Breeze */
}

Other schemes from Atomic Tangerine

More light orange monochromatic color schemes

Questions

What colors go with Atomic Tangerine?

In a monochromatic scheme: Mellow Mango (#CC4400), Badlands Orange (#FF6316), Peach and Quiet (#FFCCB6), Peach Breeze (#FFECE5).

What is the hex code of Atomic Tangerine?

#FF9966.