Huebook

Atomic Tangerine Split-complementary Color Scheme

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

#FF9966
#66EEEE
#6688FF
#FF6316
#BBFFEE

Color names and codes

NameHEXRGBHSLCMYK
Atomic Tangerine#FF9966255, 153, 10220°, 100%, 70%0, 40, 60, 0
Poseidon Jr.#66EEEE102, 238, 238180°, 80%, 67%57, 0, 0, 7
Deep Denim#6688FF102, 136, 255227°, 100%, 70%60, 47, 0, 0
Badlands Orange#FF6316255, 99, 2220°, 100%, 54%0, 61, 91, 0
Summer Cloud#BBFFEE187, 255, 238165°, 100%, 87%27, 0, 7, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #6688FF on #BBFFEE2.86:1—
Aa #FF6316 on #BBFFEE2.65:1—
Aa #66EEEE on #6688FF2.30:1—
Aa #66EEEE on #FF63162.13:1—
Aa #FF9966 on #BBFFEE1.87:1—
Aa #FF9966 on #6688FF1.53:1—

CSS variables

:root {
  --color-1: #ff9966; /* Atomic Tangerine */
  --color-2: #66eeee; /* Poseidon Jr. */
  --color-3: #6688ff; /* Deep Denim */
  --color-4: #ff6316; /* Badlands Orange */
  --color-5: #bbffee; /* Summer Cloud */
}

Other schemes from Atomic Tangerine

More Light Orange split-complementary palettes

Questions

What colors go with Atomic Tangerine?

In a split-complementary scheme: Poseidon Jr. (#66EEEE), Deep Denim (#6688FF), Badlands Orange (#FF6316), Summer Cloud (#BBFFEE).

What is the hex code of Atomic Tangerine?

#FF9966.