Light Cyan Complementary Color Scheme
Five colors arranged by the complementary rule around Light Cyan (#E0FFFF), each snapped to its nearest named color.
#E0FFFF
#E7FEFF
#FFE4E1
#FC9293
#FFE6E4
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 | |
| Bubbles | #E7FEFF | 231, 254, 255 | 183°, 100%, 95% | 9, 0, 0, 0 | 98.1% 0.024 200 | |
| Misty Rose | #FFE4E1 | 255, 228, 225 | 6°, 100%, 94% | 0, 11, 12, 0 | 94.0% 0.030 25 | |
| Cherished One | #FC9293 | 252, 146, 147 | 359°, 95%, 78% | 0, 42, 42, 1 | 77.2% 0.128 20 | |
| Pink Theory | #FFE6E4 | 255, 230, 228 | 4°, 100%, 95% | 0, 10, 11, 0 | 94.5% 0.028 23 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E7FEFF on #FC9293 | 2.07:1 | — |
| Aa #E0FFFF on #FC9293 | 2.06:1 | — |
| Aa #FC9293 on #FFE6E4 | 1.83:1 | — |
| Aa #FFE4E1 on #FC9293 | 1.80:1 | — |
| Aa #E7FEFF on #FFE4E1 | 1.15:1 | — |
| Aa #E0FFFF on #FFE4E1 | 1.14:1 | — |
CSS variables
:root {
--color-1: #e0ffff; /* Light Cyan */
--color-2: #e7feff; /* Bubbles */
--color-3: #ffe4e1; /* Misty Rose */
--color-4: #fc9293; /* Cherished One */
--color-5: #ffe6e4; /* Pink Theory */
}Other schemes from Light Cyan
- 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 Tetradic Color Scheme#E0FFFF#E5E5FA#FFE4E1#F1FDE9#E7FEFF
- Light Cyan Monochromatic Color Scheme#41FDFE#99FFFF#E0FFFF#E7FEFF#E7FEFF
More very light teal complementary color schemes
- Airy Complementary Color Scheme#DAE6E9#F1F3F3#E8DEDA#CDB1AB#F4EFEE
- Alpine Expedition Complementary Color Scheme#99EEFF#E7FEFF#FFAA99#FF6C51#FDEAE6
- Antiguan Complementary Color Scheme#BDDFD8#ECF7F7#DCBDC8#C78B95#F7EFEF
- Bare Mintimum Complementary Color Scheme#D6E3E7#F0F4F8#E6DAD6#CDAEA5#F7EFEF
- Blister Pearl Complementary Color Scheme#AAFFEE#E7FEFF#FFAABB#FD5B78#FFE6EC
- Bone-Chilling Complementary Color Scheme#E1F2F0#ECF7F7#F0E2E4#DDADAF#F6EEED
- Break the Ice Complementary Color Scheme#B2E1EE#EEF7FA#F1BFB1#E08771#FAEFE9
- Bubbles Complementary Color Scheme#E7FEFF#E7FEFF#FFE8E5#FF9999#FFE8E5
- Calm Waters Complementary Color Scheme#E7FAFA#EBFCFC#FBE7E6#F1AAA8#F9EAEA
- Castle in the Sky Complementary Color Scheme#D1EAED#ECF7F7#ECD4D2#DBA39A#F6EEED
- Cold Canada Complementary Color Scheme#DBFFFE#E7FEFF#FFDADC#FC9293#FFE6E7
- Cold Omen Complementary Color Scheme#D6EAE8#ECF7F7#ECD5D9#D1A5A6#F7EFEF
Questions
What colors go with Light Cyan?
In a complementary scheme: Bubbles (#E7FEFF), Misty Rose (#FFE4E1), Cherished One (#FC9293), Pink Theory (#FFE6E4).
What is the hex code of Light Cyan?
#E0FFFF.