Icebreaker Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Icebreaker (#B7C2CC), each snapped to its nearest named color.
#B7C2CC
#CEB0B5
#CFD1B2
#849DB4
#EEE2E0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Icebreaker | #B7C2CC | 183, 194, 204 | 209°, 17%, 76% | 10, 5, 0, 20 | |
| Izmir Pink | #CEB0B5 | 206, 176, 181 | 350°, 23%, 75% | 0, 15, 12, 19 | |
| Bitter Melon | #CFD1B2 | 207, 209, 178 | 64°, 25%, 76% | 1, 0, 15, 18 | |
| Office Blue | #849DB4 | 132, 157, 180 | 209°, 24%, 61% | 27, 13, 0, 29 | |
| Shattered Porcelain | #EEE2E0 | 238, 226, 224 | 9°, 29%, 91% | 0, 5, 6, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #849DB4 on #EEE2E0 | 2.22:1 | — |
| Aa #CFD1B2 on #849DB4 | 1.80:1 | — |
| Aa #CEB0B5 on #EEE2E0 | 1.58:1 | — |
| Aa #B7C2CC on #849DB4 | 1.55:1 | — |
| Aa #B7C2CC on #EEE2E0 | 1.43:1 | — |
| Aa #CEB0B5 on #849DB4 | 1.41:1 | — |
CSS variables
:root {
--color-1: #b7c2cc; /* Icebreaker */
--color-2: #ceb0b5; /* Izmir Pink */
--color-3: #cfd1b2; /* Bitter Melon */
--color-4: #849db4; /* Office Blue */
--color-5: #eee2e0; /* Shattered Porcelain */
}Other schemes from Icebreaker
- Icebreaker Complementary Color Scheme#B7C2CC#EAEFF2#D2C2B2#B69983#F6F2F1
- Icebreaker Analogous Color Scheme#AFD1C4#B0D3D1#B7C2CC#B2B7D1#C0B0D0
- Icebreaker Triadic Color Scheme#B7C2CC#D3B2C3#C1D0B2#EEF2F3#B18398
- Icebreaker Tetradic Color Scheme#B7C2CC#D3B0CE#D2C2B2#ADD0B3#EEF2F3
- Icebreaker Monochromatic Color Scheme#667788#8B9CAC#B7C2CC#E5E9EB#F2F2F4
More Light Blue split-complementary palettes
- Acapulco Dive Split-complementary Color Scheme#65A7DD#D76968#DCD867#2987C7#EBA0A7
- Adrift on the Nile Split-complementary Color Scheme#93B8E3#E29991#E5E896#518FD1#F5D1CF
- Airborne Split-complementary Color Scheme#A2C2D0#CFA2AD#D0C6A1#70A5B7#ECD5D9
- Arcane Brew Split-complementary Color Scheme#5260E1#E68750#A7E142#243BCD#E8B793
- Arctic Ice Split-complementary Color Scheme#B6BDD0#D2BBB2#CCD1B2#818DB3#F0E5E5
- Azureno Split-complementary Color Scheme#8FA0D5#D5A193#C3DB8D#5D76CB#EBCFC7
- Below Zero Split-complementary Color Scheme#87CDED#F08497#EAD988#4CA8E0#F8CAD5
- Birdie Num Num Split-complementary Color Scheme#89ACDA#DA8C87#D8DB8B#5383C3#EEC6C3
- Blank Stare Split-complementary Color Scheme#8B9CAC#B38380#B4B780#597695#CEB0B5
- Blue Bay Split-complementary Color Scheme#619AD6#D46362#D6D963#3473B7#E39E9C
- Blue Haze Split-complementary Color Scheme#BDBACE#D2C7B7#C1D0B2#9188B5#EFEDE6
- Blue Jay Split-complementary Color Scheme#5588DD#DD6655#D0D557#2266BB#E29D94
Questions
What colors go with Icebreaker?
In a split-complementary scheme: Izmir Pink (#CEB0B5), Bitter Melon (#CFD1B2), Office Blue (#849DB4), Shattered Porcelain (#EEE2E0).
What is the hex code of Icebreaker?
#B7C2CC.