Light Cyan Tetradic Color Scheme
Five colors arranged by the tetradic rule around Light Cyan (#E0FFFF), each snapped to its nearest named color.
#E0FFFF
#E5E5FA
#FFE4E1
#F1FDE9
#E7FEFF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Light Cyan | #E0FFFF | 224, 255, 255 | 180°, 100%, 94% | 12, 0, 0, 0 | 97.8% 0.032 197 | |
| Lavender Mist | #E5E5FA | 229, 229, 250 | 240°, 68%, 94% | 8, 8, 0, 2 | 92.8% 0.028 286 | |
| Misty Rose | #FFE4E1 | 255, 228, 225 | 6°, 100%, 94% | 0, 11, 12, 0 | 94.0% 0.030 25 | |
| Crème de Menthe | #F1FDE9 | 241, 253, 233 | 96°, 83%, 95% | 5, 0, 8, 1 | 98.0% 0.029 133 | |
| Bubbles | #E7FEFF | 231, 254, 255 | 183°, 100%, 95% | 9, 0, 0, 0 | 98.1% 0.024 200 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E5E5FA on #E7FEFF | 1.18:1 | — |
| Aa #E5E5FA on #F1FDE9 | 1.18:1 | — |
| Aa #E0FFFF on #E5E5FA | 1.18:1 | — |
| Aa #FFE4E1 on #E7FEFF | 1.15:1 | — |
| Aa #FFE4E1 on #F1FDE9 | 1.15:1 | — |
| Aa #E0FFFF on #FFE4E1 | 1.14:1 | — |
CSS variables
:root {
--color-1: #e0ffff; /* Light Cyan */
--color-2: #e5e5fa; /* Lavender Mist */
--color-3: #ffe4e1; /* Misty Rose */
--color-4: #f1fde9; /* Crème de Menthe */
--color-5: #e7feff; /* Bubbles */
}Other schemes from Light Cyan
- Light Cyan Complementary Color Scheme#E0FFFF#E7FEFF#FFE4E1#FC9293#FFE6E4
- Light Cyan Analogous Color Scheme#E1F8E7#E6FDF1#E0FFFF#E8EEFE#E0E0FF
- Light Cyan Triadic Color Scheme#E0FFFF#FFE0F5#FFFFE0#E7FEFF#FF99FF
- Light Cyan Split-complementary Color Scheme#E0FFFF#FDE1F0#FFF0E1#99FFFF#FFE6F1
- Light Cyan Monochromatic Color Scheme#41FDFE#99FFFF#E0FFFF#E7FEFF#E7FEFF
More very light teal tetradic color schemes
- Airy Tetradic Color Scheme#DAE6E9#E3DAE9#E8DEDA#DFEADB#F1F3F3
- Alpine Expedition Tetradic Color Scheme#99EEFF#D59CFC#FFAA99#BBFF99#E7FEFF
- Antiguan Tetradic Color Scheme#BDDFD8#C6BEDD#DCBDC8#DDDEBE#ECF7F7
- Bare Mintimum Tetradic Color Scheme#D6E3E7#E3D6E9#E6DAD6#DAE9D6#F0F4F8
- Blister Pearl Tetradic Color Scheme#AAFFEE#CCAAFF#FFAABB#EEFFAA#E7FEFF
- Bone-Chilling Tetradic Color Scheme#E1F2F0#E7E0EE#F0E2E4#ECF3E1#ECF7F7
- Break the Ice Tetradic Color Scheme#B2E1EE#DDAAEE#F1BFB1#CEEBB2#EEF7FA
- Bubbles Tetradic Color Scheme#E7FEFF#F0EBFC#FFE8E5#F1FDE9#E7FEFF
- Calm Waters Tetradic Color Scheme#E7FAFA#EEE9F9#FBE7E6#F3F9E9#EBFCFC
- Castle in the Sky Tetradic Color Scheme#D1EAED#E9D2EF#ECD4D2#DAEED3#ECF7F7
- Cold Canada Tetradic Color Scheme#DBFFFE#EEDDFF#FFDADC#EEFFDD#E7FEFF
- Cold Omen Tetradic Color Scheme#D6EAE8#DDD6E7#ECD5D9#E3EAD6#ECF7F7
Questions
What colors go with Light Cyan?
In a tetradic scheme: Lavender Mist (#E5E5FA), Misty Rose (#FFE4E1), Crème de Menthe (#F1FDE9), Bubbles (#E7FEFF).
What is the hex code of Light Cyan?
#E0FFFF.