Breaking the Ice Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Breaking the Ice (#B8E4F5), each snapped to its nearest named color.
#B8E4F5
#F3BAC9
#F3E8B8
#76C5E7
#FFE9ED
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Breaking the Ice | #B8E4F5 | 184, 228, 245 | 197°, 75%, 84% | 25, 7, 0, 4 | |
| Pink Grapefruit | #F3BAC9 | 243, 186, 201 | 344°, 70%, 84% | 0, 23, 17, 5 | |
| Menoth White Base | #F3E8B8 | 243, 232, 184 | 49°, 71%, 84% | 0, 5, 24, 5 | |
| Spritzig | #76C5E7 | 118, 197, 231 | 198°, 70%, 68% | 49, 15, 0, 9 | |
| Rose Mochi | #FFE9ED | 255, 233, 237 | 349°, 100%, 96% | 0, 9, 7, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #76C5E7 on #FFE9ED | 1.66:1 | — |
| Aa #F3E8B8 on #76C5E7 | 1.56:1 | — |
| Aa #F3BAC9 on #FFE9ED | 1.43:1 | — |
| Aa #B8E4F5 on #76C5E7 | 1.42:1 | — |
| Aa #F3BAC9 on #F3E8B8 | 1.34:1 | — |
| Aa #B8E4F5 on #F3BAC9 | 1.22:1 | — |
CSS variables
:root {
--color-1: #b8e4f5; /* Breaking the Ice */
--color-2: #f3bac9; /* Pink Grapefruit */
--color-3: #f3e8b8; /* Menoth White Base */
--color-4: #76c5e7; /* Spritzig */
--color-5: #ffe9ed; /* Rose Mochi */
}Other schemes from Breaking the Ice
- Breaking the Ice Complementary Color Scheme#B8E4F5#E8F7FD#F5C8BB#EE9977#FBEEE8
- 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 Tetradic Color Scheme#B8E4F5#EEBBEE#F5C8BB#C7FDB5#E8F7FD
- Breaking the Ice Monochromatic Color Scheme#2CB1EB#76C5E7#B8E4F5#E8F7FD#E8F7FD
More Very Light Blue split-complementary palettes
- 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
- 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
- Broad Daylight Split-complementary Color Scheme#BBDDFF#FFBBBB#FFFFBB#77B5FE#FFE6E4
Questions
What colors go with Breaking the Ice?
In a split-complementary scheme: Pink Grapefruit (#F3BAC9), Menoth White Base (#F3E8B8), Spritzig (#76C5E7), Rose Mochi (#FFE9ED).
What is the hex code of Breaking the Ice?
#B8E4F5.