Iceberg Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Iceberg (#DAE4EE), each snapped to its nearest named color.
#DAE4EE
#EDDBDA
#EDEEDA
#AABFD8
#F6EEED
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Iceberg | #DAE4EE | 218, 228, 238 | 210°, 37%, 89% | 8, 4, 0, 7 | 91.4% 0.017 248 | |
| Hyper Light Drifter | #EDDBDA | 237, 219, 218 | 3°, 35%, 89% | 0, 8, 8, 7 | 90.6% 0.020 21 | |
| Yellowish Grey | #EDEEDA | 237, 238, 218 | 63°, 37%, 89% | 0, 0, 8, 7 | 94.3% 0.026 109 | |
| Canopy Bed | #AABFD8 | 170, 191, 216 | 213°, 37%, 76% | 21, 12, 0, 15 | 79.7% 0.042 253 | |
| Grannie’s Pearls | #F6EEED | 246, 238, 237 | 7°, 33%, 95% | 0, 3, 4, 4 | 95.5% 0.009 26 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AABFD8 on #F6EEED | 1.65:1 | — |
| Aa #EDEEDA on #AABFD8 | 1.60:1 | — |
| Aa #DAE4EE on #AABFD8 | 1.46:1 | — |
| Aa #EDDBDA on #AABFD8 | 1.41:1 | — |
| Aa #EDDBDA on #F6EEED | 1.17:1 | — |
| Aa #EDDBDA on #EDEEDA | 1.13:1 | — |
CSS variables
:root {
--color-1: #dae4ee; /* Iceberg */
--color-2: #eddbda; /* Hyper Light Drifter */
--color-3: #edeeda; /* Yellowish Grey */
--color-4: #aabfd8; /* Canopy Bed */
--color-5: #f6eeed; /* Grannie’s Pearls */
}Other schemes from Iceberg
- Iceberg Complementary Color Scheme#DAE4EE#EDF2F8#EFE4DA#D7BEA5#F8F4ED
- Iceberg Analogous Color Scheme#DCEEE3#D8EEED#DAE4EE#DDDCEF#E5DBEB
- Iceberg Triadic Color Scheme#DAE4EE#EEDAE6#E5F0D9#EDF2F8#D2A5BE
- Iceberg Tetradic Color Scheme#DAE4EE#EEDDEE#EFE4DA#DCEEDB#EDF2F8
- Iceberg Monochromatic Color Scheme#7498BE#AABFD8#DAE4EE#EDF2F8#EDF2F8
More very light blue split-complementary color schemes
- A Dime a Dozen Split-complementary Color Scheme#D3DDE4#E2D4D4#E3E4D2#A2BACB#F5F0F1
- Andromeda Blue Split-complementary Color Scheme#ABCDEE#EDAAAC#EEEEAA#72A7E1#F9EAEA
- Après-Ski Split-complementary Color Scheme#CED5E4#E3D2CE#E1E2CF#9BA9CA#F7EFEF
- Ariel Split-complementary Color Scheme#AED7EA#EAABBC#ECDFAD#74B8DA#F8EAED
- Baby Blue Split-complementary Color Scheme#A2CFFE#FEA5A2#FCFFA4#55AAFF#FFE6E7
- Bird Bath Blue Split-complementary Color Scheme#CDDFE7#E5CCD1#E8E1CE#99BDD2#F7EFEF
- Blue Silk Split-complementary Color Scheme#D0DCE8#E9CFCF#E9E9D0#9EB6D0#F6EEED
- Breaking the Ice Split-complementary Color Scheme#B8E4F5#F3BAC9#F3E8B8#76C5E7#FFE9ED
- Breath of Fresh Air Split-complementary Color Scheme#C7DBE4#E2C9CE#E3DEC6#97BBC8#F7EFEF
- Breeze Split-complementary Color Scheme#AEC9EA#E6B0AF#E8EBAF#71A2D4#F9EAEB
- Breezy Split-complementary Color Scheme#C2DDE6#E7C2CA#E7DCC1#8DBBD1#F7EFEF
- Bright Star Split-complementary Color Scheme#DDE2E6#E9D9DC#EAE7DA#AABCCB#F4EFEE
Questions
What colors go with Iceberg?
In a split-complementary scheme: Hyper Light Drifter (#EDDBDA), Yellowish Grey (#EDEEDA), Canopy Bed (#AABFD8), Grannie’s Pearls (#F6EEED).
What is the hex code of Iceberg?
#DAE4EE.