Huebook

Cooler Than Ever Split-complementary Color Scheme

Five colors arranged by the split-complementary rule around Cooler Than Ever (#77BBFF), each snapped to its nearest named color.

#77BBFF
#FF7777
#FFFF77
#3399FF
#FFC6C4

Color names and codes

NameHEXRGBHSLCMYK
Cooler Than Ever#77BBFF119, 187, 255210°, 100%, 73%53, 27, 0, 0
Embarrassment#FF7777255, 119, 1190°, 100%, 73%0, 53, 53, 0
Hive#FFFF77255, 255, 11960°, 100%, 73%0, 0, 53, 0
Brilliant Azure#3399FF51, 153, 255210°, 100%, 60%80, 40, 0, 0
Cinderella Pink#FFC6C4255, 198, 1962°, 100%, 88%0, 22, 23, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FFFF77 on #3399FF2.78:1—
Aa #FF7777 on #FFFF772.43:1—
Aa #3399FF on #FFC6C41.98:1—
Aa #77BBFF on #FFFF771.92:1—
Aa #FF7777 on #FFC6C41.73:1—
Aa #77BBFF on #3399FF1.45:1—

CSS variables

:root {
  --color-1: #77bbff; /* Cooler Than Ever */
  --color-2: #ff7777; /* Embarrassment */
  --color-3: #ffff77; /* Hive */
  --color-4: #3399ff; /* Brilliant Azure */
  --color-5: #ffc6c4; /* Cinderella Pink */
}

Other schemes from Cooler Than Ever

More Light Blue split-complementary palettes

Questions

What colors go with Cooler Than Ever?

In a split-complementary scheme: Embarrassment (#FF7777), Hive (#FFFF77), Brilliant Azure (#3399FF), Cinderella Pink (#FFC6C4).

What is the hex code of Cooler Than Ever?

#77BBFF.