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
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cooler Than Ever | #77BBFF | 119, 187, 255 | 210°, 100%, 73% | 53, 27, 0, 0 | |
| Embarrassment | #FF7777 | 255, 119, 119 | 0°, 100%, 73% | 0, 53, 53, 0 | |
| Hive | #FFFF77 | 255, 255, 119 | 60°, 100%, 73% | 0, 0, 53, 0 | |
| Brilliant Azure | #3399FF | 51, 153, 255 | 210°, 100%, 60% | 80, 40, 0, 0 | |
| Cinderella Pink | #FFC6C4 | 255, 198, 196 | 2°, 100%, 88% | 0, 22, 23, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFFF77 on #3399FF | 2.78:1 | — |
| Aa #FF7777 on #FFFF77 | 2.43:1 | — |
| Aa #3399FF on #FFC6C4 | 1.98:1 | — |
| Aa #77BBFF on #FFFF77 | 1.92:1 | — |
| Aa #FF7777 on #FFC6C4 | 1.73:1 | — |
| Aa #77BBFF on #3399FF | 1.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
- Cooler Than Ever Complementary Color Scheme#77BBFF#D4EAFF#FFBB77#FF982E#FFEEDD
- Cooler Than Ever Analogous Color Scheme#7EFFBA#73FDFF#77BBFF#7777FF#BF77F6
- Cooler Than Ever Triadic Color Scheme#77BBFF#FF77BB#BEFD73#DDEEFF#FF2F92
- Cooler Than Ever Tetradic Color Scheme#77BBFF#FF77FF#FFBB77#77FF77#DDEEFF
- Cooler Than Ever Monochromatic Color Scheme#0066DD#3399FF#77BBFF#C6E3F7#E8F5FC
More Light Blue split-complementary palettes
- Acapulco Dive Split-complementary Color Scheme#65A7DD#D76968#DCD867#2987C7#EBA0A7
- Adrift on the Nile Split-complementary Color Scheme#93B8E3#E29991#E5E896#518FD1#F5D1CF
- Airborne Split-complementary Color Scheme#A2C2D0#CFA2AD#D0C6A1#70A5B7#ECD5D9
- Arcane Brew Split-complementary Color Scheme#5260E1#E68750#A7E142#243BCD#E8B793
- Arctic Ice Split-complementary Color Scheme#B6BDD0#D2BBB2#CCD1B2#818DB3#F0E5E5
- Azureno Split-complementary Color Scheme#8FA0D5#D5A193#C3DB8D#5D76CB#EBCFC7
- Below Zero Split-complementary Color Scheme#87CDED#F08497#EAD988#4CA8E0#F8CAD5
- Birdie Num Num Split-complementary Color Scheme#89ACDA#DA8C87#D8DB8B#5383C3#EEC6C3
- Blank Stare Split-complementary Color Scheme#8B9CAC#B38380#B4B780#597695#CEB0B5
- Blue Bay Split-complementary Color Scheme#619AD6#D46362#D6D963#3473B7#E39E9C
- Blue Haze Split-complementary Color Scheme#BDBACE#D2C7B7#C1D0B2#9188B5#EFEDE6
- Blue Jay Split-complementary Color Scheme#5588DD#DD6655#D0D557#2266BB#E29D94
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.