Huebook

Tangerine Tango Complementary Color Scheme

Five colors arranged by the complementary rule around Tangerine Tango (#FF9E4B), each snapped to its nearest named color.

#FF9E4B
#FFCDA8
#46ADF9
#0088FF
#AADDFF

Color names and codes

NameHEXRGBHSLCMYK
Tangerine Tango#FF9E4B255, 158, 7528°, 100%, 65%0, 38, 71, 0
Orenju Ogon Koi#FFCDA8255, 205, 16826°, 100%, 83%0, 20, 34, 0
Adamantine Blue#46ADF970, 173, 249205°, 94%, 63%72, 31, 0, 2
Too Blue to Be True#0088FF0, 136, 255208°, 100%, 50%100, 47, 0, 0
Droplet#AADDFF170, 221, 255204°, 100%, 83%33, 13, 0, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FFCDA8 on #0088FF2.44:1—
Aa #0088FF on #AADDFF2.43:1—
Aa #FF9E4B on #0088FF1.72:1—
Aa #FFCDA8 on #46ADF91.69:1—
Aa #46ADF9 on #AADDFF1.68:1—
Aa #46ADF9 on #0088FF1.44:1—

CSS variables

:root {
  --color-1: #ff9e4b; /* Tangerine Tango */
  --color-2: #ffcda8; /* Orenju Ogon Koi */
  --color-3: #46adf9; /* Adamantine Blue */
  --color-4: #0088ff; /* Too Blue to Be True */
  --color-5: #aaddff; /* Droplet */
}

Other schemes from Tangerine Tango

More Light Orange complementary palettes

Questions

What colors go with Tangerine Tango?

In a complementary scheme: Orenju Ogon Koi (#FFCDA8), Adamantine Blue (#46ADF9), Too Blue to Be True (#0088FF), Droplet (#AADDFF).

What is the hex code of Tangerine Tango?

#FF9E4B.