Ice Citadel Triadic Color Scheme
Five colors arranged by the triadic rule around Ice Citadel (#B2F8F8), each snapped to its nearest named color.
#B2F8F8
#F8B8F8
#F5F9AD
#E7FEFF
#EE66EE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Ice Citadel | #B2F8F8 | 178, 248, 248 | 180°, 83%, 84% | 28, 0, 0, 3 | |
| Sweet Slumber Pink | #F8B8F8 | 248, 184, 248 | 300°, 82%, 85% | 0, 26, 0, 3 | |
| Yellow Chalk | #F5F9AD | 245, 249, 173 | 63°, 86%, 83% | 2, 0, 31, 2 | |
| Bubbles | #E7FEFF | 231, 254, 255 | 183°, 100%, 95% | 9, 0, 0, 0 | |
| Pink Ping | #EE66EE | 238, 102, 238 | 300°, 80%, 67% | 0, 57, 0, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E7FEFF on #EE66EE | 2.58:1 | — |
| Aa #F5F9AD on #EE66EE | 2.45:1 | — |
| Aa #B2F8F8 on #EE66EE | 2.27:1 | — |
| Aa #F8B8F8 on #EE66EE | 1.70:1 | — |
| Aa #F8B8F8 on #E7FEFF | 1.52:1 | — |
| Aa #F8B8F8 on #F5F9AD | 1.44:1 | — |
CSS variables
:root {
--color-1: #b2f8f8; /* Ice Citadel */
--color-2: #f8b8f8; /* Sweet Slumber Pink */
--color-3: #f5f9ad; /* Yellow Chalk */
--color-4: #e7feff; /* Bubbles */
--color-5: #ee66ee; /* Pink Ping */
}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 Split-complementary Color Scheme#B2F8F8#FCB4D5#FAD7B3#66EEEE#FFE8F4
- Ice Citadel Tetradic Color Scheme#B2F8F8#D6B4FC#F6B5B6#D9EEB4#E7FEFF
- Ice Citadel Monochromatic Color Scheme#22EEFF#66EEEE#B2F8F8#E7FEFF#E7FEFF
More Very Light Teal triadic palettes
- Airy Triadic Color Scheme#DAE6E9#E9DBE4#E5E8D9#F1F3F3#CCACC1
- Alpine Expedition Triadic Color Scheme#99EEFF#FF99EE#EEFF99#E7FEFF#FF55EE
- Antiguan Triadic Color Scheme#BDDFD8#D4BDDF#DFD7BD#ECF7F7#B48AC2
- Bare Mintimum Triadic Color Scheme#D6E3E7#E4D7E5#E3E6D6#F0F4F8#CCACC1
- Blister Pearl Triadic Color Scheme#AAFFEE#EEAAFF#FFEEAA#E7FEFF#DD55FF
- Bone-Chilling Triadic Color Scheme#E1F2F0#EFE2F2#F2EFE1#ECF7F7#D4AFDA
- Break the Ice Triadic Color Scheme#B2E1EE#F2ABE1#E3EFB2#EEF7FA#E56CC0
- Bubbles Triadic Color Scheme#E7FEFF#FFEBFE#FFFFE5#E7FEFF#FF99FF
- Calm Waters Triadic Color Scheme#E7FAFA#FCEBFA#FBF9E8#EBFCFC#EEAAEE
- Castle in the Sky Triadic Color Scheme#D1EAED#F0D5EA#EAEBD1#ECF7F7#D39ED2
- Cold Canada Triadic Color Scheme#DBFFFE#FFDDFF#FFFED9#E7FEFF#FF88FF
- Cold Omen Triadic Color Scheme#D6EAE8#E7D8EA#E9E9D5#ECF7F7#C6A1CF
Questions
What colors go with Ice Citadel?
In a triadic scheme: Sweet Slumber Pink (#F8B8F8), Yellow Chalk (#F5F9AD), Bubbles (#E7FEFF), Pink Ping (#EE66EE).
What is the hex code of Ice Citadel?
#B2F8F8.