Ice Citadel Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Ice Citadel (#B2F8F8), each snapped to its nearest named color.
#22EEFF
#66EEEE
#B2F8F8
#E7FEFF
#E7FEFF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sparky Blue | #22EEFF | 34, 238, 255 | 185°, 100%, 57% | 87, 7, 0, 0 | |
| Poseidon Jr. | #66EEEE | 102, 238, 238 | 180°, 80%, 67% | 57, 0, 0, 7 | |
| Ice Citadel | #B2F8F8 | 178, 248, 248 | 180°, 83%, 84% | 28, 0, 0, 3 | |
| Bubbles | #E7FEFF | 231, 254, 255 | 183°, 100%, 95% | 9, 0, 0, 0 | |
| Bubbles | #E7FEFF | 231, 254, 255 | 183°, 100%, 95% | 9, 0, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #22EEFF on #E7FEFF | 1.36:1 | — |
| Aa #22EEFF on #E7FEFF | 1.36:1 | — |
| Aa #66EEEE on #E7FEFF | 1.33:1 | — |
| Aa #66EEEE on #E7FEFF | 1.33:1 | — |
| Aa #22EEFF on #B2F8F8 | 1.20:1 | — |
| Aa #66EEEE on #B2F8F8 | 1.18:1 | — |
CSS variables
:root {
--color-1: #22eeff; /* Sparky Blue */
--color-2: #66eeee; /* Poseidon Jr. */
--color-3: #b2f8f8; /* Ice Citadel */
--color-4: #e7feff; /* Bubbles */
--color-5: #e7feff; /* Bubbles */
}Other schemes from Ice Citadel
- Ice Citadel Complementary Color Scheme#B2F8F8#E7FEFF#F6B5B6#F4706E#FDE6E7
- Ice Citadel Analogous Color Scheme#B8F8B8#B8F8D8#B2F8F8#B1D1FC#B5AFFF
- Ice Citadel Triadic Color Scheme#B2F8F8#F8B8F8#F5F9AD#E7FEFF#EE66EE
- Ice Citadel Split-complementary Color Scheme#B2F8F8#FCB4D5#FAD7B3#66EEEE#FFE8F4
- Ice Citadel Tetradic Color Scheme#B2F8F8#D6B4FC#F6B5B6#D9EEB4#E7FEFF
More Very Light Teal monochromatic palettes
- Airy Monochromatic Color Scheme#77A2AD#A9C6CB#DAE6E9#F1F3F3#F1F3F3
- Alpine Expedition Monochromatic Color Scheme#04D9FF#45E9FD#99EEFF#E7FEFF#E7FEFF
- Antiguan Monochromatic Color Scheme#54AF9C#8AC5BA#BDDFD8#ECF7F7#ECF7F7
- Bare Mintimum Monochromatic Color Scheme#76A0AF#A6C4CA#D6E3E7#F0F4F8#F0F4F8
- Blister Pearl Monochromatic Color Scheme#00FFCC#55FFCC#AAFFEE#E7FEFF#E7FEFF
- Bone-Chilling Monochromatic Color Scheme#7AC0BB#AEDDD3#E1F2F0#ECF7F7#ECF7F7
- Break the Ice Monochromatic Color Scheme#38AFCD#75C7E0#B2E1EE#EEF7FA#EEF7FA
- Bubbles Monochromatic Color Scheme#53F6FF#9CFAFF#E7FEFF#E7FEFF#E7FEFF
- Calm Waters Monochromatic Color Scheme#6FEBE3#AFEEEE#E7FAFA#EBFCFC#EBFCFC
- Castle in the Sky Monochromatic Color Scheme#62B4C0#98D2D9#D1EAED#ECF7F7#ECF7F7
- Cold Canada Monochromatic Color Scheme#41FDFE#88FFFF#DBFFFE#E7FEFF#E7FEFF
- Cold Omen Monochromatic Color Scheme#72B2AF#A5D0CB#D6EAE8#ECF7F7#ECF7F7
Questions
What colors go with Ice Citadel?
In a monochromatic scheme: Sparky Blue (#22EEFF), Poseidon Jr. (#66EEEE), Bubbles (#E7FEFF), Bubbles (#E7FEFF).
What is the hex code of Ice Citadel?
#B2F8F8.