Ice Citadel Complementary Color Scheme
Five colors arranged by the complementary rule around Ice Citadel (#B2F8F8), each snapped to its nearest named color.
#B2F8F8
#E7FEFF
#F6B5B6
#F4706E
#FDE6E7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| 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 | |
| Precious Pink | #F6B5B6 | 246, 181, 182 | 359°, 78%, 84% | 0, 26, 26, 4 | |
| Breeze of Chilli | #F4706E | 244, 112, 110 | 1°, 86%, 69% | 0, 54, 55, 4 | |
| Valerie | #FDE6E7 | 253, 230, 231 | 357°, 85%, 95% | 0, 9, 9, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E7FEFF on #F4706E | 2.71:1 | — |
| Aa #B2F8F8 on #F4706E | 2.39:1 | — |
| Aa #F4706E on #FDE6E7 | 2.39:1 | — |
| Aa #F6B5B6 on #F4706E | 1.65:1 | — |
| Aa #E7FEFF on #F6B5B6 | 1.64:1 | — |
| Aa #B2F8F8 on #F6B5B6 | 1.45:1 | — |
CSS variables
:root {
--color-1: #b2f8f8; /* Ice Citadel */
--color-2: #e7feff; /* Bubbles */
--color-3: #f6b5b6; /* Precious Pink */
--color-4: #f4706e; /* Breeze of Chilli */
--color-5: #fde6e7; /* Valerie */
}Other schemes from Ice Citadel
- 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
- Ice Citadel Monochromatic Color Scheme#22EEFF#66EEEE#B2F8F8#E7FEFF#E7FEFF
More Very Light Teal complementary palettes
- 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 Ice Citadel?
In a complementary scheme: Bubbles (#E7FEFF), Precious Pink (#F6B5B6), Breeze of Chilli (#F4706E), Valerie (#FDE6E7).
What is the hex code of Ice Citadel?
#B2F8F8.