Breaking the Ice Complementary Color Scheme
Five colors arranged by the complementary rule around Breaking the Ice (#B8E4F5), each snapped to its nearest named color.
#B8E4F5
#E8F7FD
#F5C8BB
#EE9977
#FBEEE8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Breaking the Ice | #B8E4F5 | 184, 228, 245 | 197°, 75%, 84% | 25, 7, 0, 4 | |
| Clear Skies | #E8F7FD | 232, 247, 253 | 197°, 84%, 95% | 8, 2, 0, 1 | |
| Sweet Angel | #F5C8BB | 245, 200, 187 | 13°, 74%, 85% | 0, 18, 24, 4 | |
| Pochard Duck Head | #EE9977 | 238, 153, 119 | 17°, 78%, 70% | 0, 36, 50, 7 | |
| Rose White | #FBEEE8 | 251, 238, 232 | 19°, 70%, 95% | 0, 5, 8, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E8F7FD on #EE9977 | 2.03:1 | — |
| Aa #EE9977 on #FBEEE8 | 1.96:1 | — |
| Aa #B8E4F5 on #EE9977 | 1.63:1 | — |
| Aa #F5C8BB on #EE9977 | 1.47:1 | — |
| Aa #E8F7FD on #F5C8BB | 1.38:1 | — |
| Aa #F5C8BB on #FBEEE8 | 1.33:1 | — |
CSS variables
:root {
--color-1: #b8e4f5; /* Breaking the Ice */
--color-2: #e8f7fd; /* Clear Skies */
--color-3: #f5c8bb; /* Sweet Angel */
--color-4: #ee9977; /* Pochard Duck Head */
--color-5: #fbeee8; /* Rose White */
}Other schemes from Breaking the Ice
- Breaking the Ice Analogous Color Scheme#BEF7CF#BBEEEE#B8E4F5#BFC0EE#CDB7FA
- Breaking the Ice Triadic Color Scheme#B8E4F5#F1BFE2#E3EFB2#E8F7FD#E56CC0
- Breaking the Ice Split-complementary Color Scheme#B8E4F5#F3BAC9#F3E8B8#76C5E7#FFE9ED
- Breaking the Ice Tetradic Color Scheme#B8E4F5#EEBBEE#F5C8BB#C7FDB5#E8F7FD
- Breaking the Ice Monochromatic Color Scheme#2CB1EB#76C5E7#B8E4F5#E8F7FD#E8F7FD
More Very Light Blue complementary palettes
- A Dime a Dozen Complementary Color Scheme#D3DDE4#EEF2F3#E4DAD3#CAB3A0#F6F2F1
- Andromeda Blue Complementary Color Scheme#ABCDEE#EAF4FC#EECCAA#E5AA70#F8F1EB
- Après-Ski Complementary Color Scheme#CED5E4#EDF2F8#E4DDCE#C6BB9C#F6F4EF
- Ariel Complementary Color Scheme#AED7EA#EBF4FC#E9C2AD#DD9475#F8F1EB
- Baby Blue Complementary Color Scheme#A2CFFE#E8F5FC#FDD1A4#FFAA55#FFF2E4
- Bird Bath Blue Complementary Color Scheme#CDDFE7#F0F4F8#E6D6CD#CCAA99#F7EFEF
- Blue Silk Complementary Color Scheme#D0DCE8#EDF2F8#E7DCCF#CEB79D#F8F4ED
- Breath of Fresh Air Complementary Color Scheme#C7DBE4#F0F4F8#E3D1C8#CBA792#F7EFEF
- Breeze Complementary Color Scheme#AEC9EA#ECF3F9#EBCFAE#D9A96F#F8F4ED
- Breezy Complementary Color Scheme#C2DDE6#EBF6F7#E7CAC3#D29B8D#F8F1EB
- Bright Star Complementary Color Scheme#DDE2E6#EEF2F3#E9E1D9#CBB9AB#F6F2F1
- Broad Daylight Complementary Color Scheme#BBDDFF#E8F5FC#FFDDBB#FFB96F#FFF2E4
Questions
What colors go with Breaking the Ice?
In a complementary scheme: Clear Skies (#E8F7FD), Sweet Angel (#F5C8BB), Pochard Duck Head (#EE9977), Rose White (#FBEEE8).
What is the hex code of Breaking the Ice?
#B8E4F5.