Fail Whale Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Fail Whale (#99CCEE), each snapped to its nearest named color.
#99CCEE
#EE99AA
#EFE499
#4CA8E0
#FADADD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Fail Whale | #99CCEE | 153, 204, 238 | 204°, 71%, 77% | 36, 14, 0, 7 | |
| Pink Prestige | #EE99AA | 238, 153, 170 | 348°, 71%, 77% | 0, 36, 29, 7 | |
| Lemonade | #EFE499 | 239, 228, 153 | 52°, 73%, 77% | 0, 5, 36, 6 | |
| High Blue | #4CA8E0 | 76, 168, 224 | 203°, 70%, 59% | 66, 25, 0, 12 | |
| Sun Bleached Pink | #FADADD | 250, 218, 221 | 354°, 76%, 92% | 0, 13, 12, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EFE499 on #4CA8E0 | 2.03:1 | — |
| Aa #4CA8E0 on #FADADD | 2.02:1 | — |
| Aa #EE99AA on #EFE499 | 1.66:1 | — |
| Aa #EE99AA on #FADADD | 1.65:1 | — |
| Aa #99CCEE on #4CA8E0 | 1.53:1 | — |
| Aa #99CCEE on #EFE499 | 1.33:1 | — |
CSS variables
:root {
--color-1: #99ccee; /* Fail Whale */
--color-2: #ee99aa; /* Pink Prestige */
--color-3: #efe499; /* Lemonade */
--color-4: #4ca8e0; /* High Blue */
--color-5: #fadadd; /* Sun Bleached Pink */
}Other schemes from Fail Whale
- Fail Whale Complementary Color Scheme#99CCEE#EAF4FC#EEBB99#E48B59#FAEFE9
- Fail Whale Analogous Color Scheme#99EEBB#99EEEE#99CCEE#9BA0EF#BF94E4
- Fail Whale Triadic Color Scheme#99CCEE#EE99CC#CCEE99#EAF4FC#FF55AA
- Fail Whale Tetradic Color Scheme#99CCEE#EE99EE#EEBB99#A3E493#EAF4FC
- Fail Whale Monochromatic Color Scheme#248BCC#4CA8E0#99CCEE#DBECFB#EAF4FC
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 Fail Whale?
In a split-complementary scheme: Pink Prestige (#EE99AA), Lemonade (#EFE499), High Blue (#4CA8E0), Sun Bleached Pink (#FADADD).
What is the hex code of Fail Whale?
#99CCEE.