Fail Whale Tetradic Color Scheme
Five colors arranged by the tetradic rule around Fail Whale (#99CCEE), each snapped to its nearest named color.
#99CCEE
#EE99EE
#EEBB99
#A3E493
#EAF4FC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Fail Whale | #99CCEE | 153, 204, 238 | 204°, 71%, 77% | 36, 14, 0, 7 | |
| Diva Mecha | #EE99EE | 238, 153, 238 | 300°, 71%, 77% | 0, 36, 0, 7 | |
| Caramel Powder | #EEBB99 | 238, 187, 153 | 24°, 71%, 77% | 0, 21, 36, 7 | |
| Paradise Green | #A3E493 | 163, 228, 147 | 108°, 60%, 74% | 29, 0, 36, 11 | |
| Moon White | #EAF4FC | 234, 244, 252 | 207°, 75%, 95% | 7, 3, 0, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EE99EE on #EAF4FC | 1.81:1 | — |
| Aa #EEBB99 on #EAF4FC | 1.54:1 | — |
| Aa #99CCEE on #EAF4FC | 1.54:1 | — |
| Aa #EE99EE on #A3E493 | 1.35:1 | — |
| Aa #A3E493 on #EAF4FC | 1.34:1 | — |
| Aa #99CCEE on #EE99EE | 1.17:1 | — |
CSS variables
:root {
--color-1: #99ccee; /* Fail Whale */
--color-2: #ee99ee; /* Diva Mecha */
--color-3: #eebb99; /* Caramel Powder */
--color-4: #a3e493; /* Paradise Green */
--color-5: #eaf4fc; /* Moon White */
}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 Split-complementary Color Scheme#99CCEE#EE99AA#EFE499#4CA8E0#FADADD
- Fail Whale Monochromatic Color Scheme#248BCC#4CA8E0#99CCEE#DBECFB#EAF4FC
More Light Blue tetradic palettes
- Acapulco Dive Tetradic Color Scheme#65A7DD#CC66DD#DD9966#77DD77#BBD5EF
- Adrift on the Nile Tetradic Color Scheme#93B8E3#EE99EE#E6BF95#9DE093#E8EFF8
- Airborne Tetradic Color Scheme#A2C2D0#C6A1CF#CEADA3#A7CCA4#E5EDF1
- Arcane Brew Tetradic Color Scheme#5260E1#F246A7#E2CD52#58F898#A3B1F2
- Arctic Ice Tetradic Color Scheme#B6BDD0#D1B5CA#D2CBB4#B5D1BE#EEF2F3
- Azureno Tetradic Color Scheme#8FA0D5#DA93C1#D3C190#95D6A1#DCDFEF
- Below Zero Tetradic Color Scheme#87CDED#D891EF#EDAA86#90EE90#E0F6FB
- Birdie Num Num Tetradic Color Scheme#89ACDA#CC88DD#DCB68A#98D98E#D8E1F1
- Blank Stare Tetradic Color Scheme#8B9CAC#B085B7#B49C83#82B185#C3CFDC
- Blue Bay Tetradic Color Scheme#619AD6#CC66DD#D79E62#62C46C#AED1E8
- Blue Haze Tetradic Color Scheme#BDBACE#D6B3C0#CFD2B5#B5D1C7#F3F1F3
- Blue Jay Tetradic Color Scheme#5588DD#DD55CC#DDAA55#44DD66#A7C2EB
Questions
What colors go with Fail Whale?
In a tetradic scheme: Diva Mecha (#EE99EE), Caramel Powder (#EEBB99), Paradise Green (#A3E493), Moon White (#EAF4FC).
What is the hex code of Fail Whale?
#99CCEE.