Fail Whale Complementary Color Scheme
Five colors arranged by the complementary rule around Fail Whale (#99CCEE), each snapped to its nearest named color.
#99CCEE
#EAF4FC
#EEBB99
#E48B59
#FAEFE9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Fail Whale | #99CCEE | 153, 204, 238 | 204°, 71%, 77% | 36, 14, 0, 7 | |
| Moon White | #EAF4FC | 234, 244, 252 | 207°, 75%, 95% | 7, 3, 0, 1 | |
| Caramel Powder | #EEBB99 | 238, 187, 153 | 24°, 71%, 77% | 0, 21, 36, 7 | |
| Aegean Sky | #E48B59 | 228, 139, 89 | 22°, 72%, 62% | 0, 39, 61, 11 | |
| Baby Blossom | #FAEFE9 | 250, 239, 233 | 21°, 63%, 95% | 0, 4, 7, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EAF4FC on #E48B59 | 2.32:1 | — |
| Aa #E48B59 on #FAEFE9 | 2.28:1 | — |
| Aa #EAF4FC on #EEBB99 | 1.54:1 | — |
| Aa #99CCEE on #EAF4FC | 1.54:1 | — |
| Aa #EEBB99 on #FAEFE9 | 1.52:1 | — |
| Aa #99CCEE on #FAEFE9 | 1.52:1 | — |
CSS variables
:root {
--color-1: #99ccee; /* Fail Whale */
--color-2: #eaf4fc; /* Moon White */
--color-3: #eebb99; /* Caramel Powder */
--color-4: #e48b59; /* Aegean Sky */
--color-5: #faefe9; /* Baby Blossom */
}Other schemes from Fail Whale
- Fail Whale Analogous Color Scheme#99EEBB#99EEEE#99CCEE#9BA0EF#BF94E4
- Fail Whale Triadic Color Scheme#99CCEE#EE99CC#CCEE99#EAF4FC#FF55AA
- Fail Whale Split-complementary Color Scheme#99CCEE#EE99AA#EFE499#4CA8E0#FADADD
- Fail Whale Tetradic Color Scheme#99CCEE#EE99EE#EEBB99#A3E493#EAF4FC
- Fail Whale Monochromatic Color Scheme#248BCC#4CA8E0#99CCEE#DBECFB#EAF4FC
More Light Blue complementary palettes
- Acapulco Dive Complementary Color Scheme#65A7DD#ABD0EA#DD9966#C56F2B#EDD2B7
- Adrift on the Nile Complementary Color Scheme#93B8E3#DBE9F4#E6BF95#D19957#F9EFE4
- Airborne Complementary Color Scheme#A2C2D0#DFEBEE#CEADA3#B8866E#F2EBE6
- Arcane Brew Complementary Color Scheme#5260E1#A3B1F2#E2CD52#C0AD28#EEE8AA
- Arctic Ice Complementary Color Scheme#B6BDD0#EBEEF3#D2CBB4#B8A983#F6F4EF
- Azureno Complementary Color Scheme#8FA0D5#D2DAED#D3C190#C0A85A#F1EBD9
- Below Zero Complementary Color Scheme#87CDED#D5EDFB#EDAA86#E27945#FBE8E0
- Birdie Num Num Complementary Color Scheme#89ACDA#CFDFEF#DCB68A#CC9350#F1E6D6
- Blank Stare Complementary Color Scheme#8B9CAC#BECBD7#B49C83#927558#D9CDC3
- Blue Bay Complementary Color Scheme#619AD6#ABCAEA#D79E62#BB7731#ECD0B1
- Blue Haze Complementary Color Scheme#BDBACE#F3F1F3#CFD2B5#B1B787#F4F4F0
- Blue Jay Complementary Color Scheme#5588DD#A3BAE3#DDAA55#BF852B#ECD5AA
Questions
What colors go with Fail Whale?
In a complementary scheme: Moon White (#EAF4FC), Caramel Powder (#EEBB99), Aegean Sky (#E48B59), Baby Blossom (#FAEFE9).
What is the hex code of Fail Whale?
#99CCEE.