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

NameHEXRGBHSLCMYK
Mellow Mango#CC4400204, 68, 020°, 100%, 40%0, 67, 100, 20
Badlands Orange#FF6316255, 99, 2220°, 100%, 54%0, 61, 91, 0
Atomic Tangerine#FF9966255, 153, 10220°, 100%, 70%0, 40, 60, 0
Peach and Quiet#FFCCB6255, 204, 18218°, 100%, 86%0, 20, 29, 0
Peach Breeze#FFECE5255, 236, 22916°, 100%, 95%0, 7, 10, 0

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 palettes

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.