Breaking the Ice Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Breaking the Ice (#B8E4F5), each snapped to its nearest named color.
#2CB1EB
#76C5E7
#B8E4F5
#E8F7FD
#E8F7FD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Lynx Screen Blue | #2CB1EB | 44, 177, 235 | 198°, 83%, 55% | 81, 25, 0, 8 | |
| Spritzig | #76C5E7 | 118, 197, 231 | 198°, 70%, 68% | 49, 15, 0, 9 | |
| 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 | |
| Clear Skies | #E8F7FD | 232, 247, 253 | 197°, 84%, 95% | 8, 2, 0, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #2CB1EB on #E8F7FD | 2.23:1 | — |
| Aa #2CB1EB on #E8F7FD | 2.23:1 | — |
| Aa #2CB1EB on #B8E4F5 | 1.80:1 | — |
| Aa #76C5E7 on #E8F7FD | 1.76:1 | — |
| Aa #76C5E7 on #E8F7FD | 1.76:1 | — |
| Aa #76C5E7 on #B8E4F5 | 1.42:1 | — |
CSS variables
:root {
--color-1: #2cb1eb; /* Lynx Screen Blue */
--color-2: #76c5e7; /* Spritzig */
--color-3: #b8e4f5; /* Breaking the Ice */
--color-4: #e8f7fd; /* Clear Skies */
--color-5: #e8f7fd; /* Clear Skies */
}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 Split-complementary Color Scheme#B8E4F5#F3BAC9#F3E8B8#76C5E7#FFE9ED
- Breaking the Ice Tetradic Color Scheme#B8E4F5#EEBBEE#F5C8BB#C7FDB5#E8F7FD
More Very Light Blue monochromatic palettes
- A Dime a Dozen Monochromatic Color Scheme#7595AB#A5B8C5#D3DDE4#EEF2F3#EEF2F3
- Andromeda Blue Monochromatic Color Scheme#268BCC#72A7E1#ABCDEE#EAF4FC#EAF4FC
- Après-Ski Monochromatic Color Scheme#7381B3#9BA9CA#CED5E4#EDF2F8#EDF2F8
- Ariel Monochromatic Color Scheme#3799C8#74B8DA#AED7EA#EBF4FC#EBF4FC
- Baby Blue Monochromatic Color Scheme#0080FF#55AAFF#A2CFFE#E8F5FC#E8F5FC
- Bird Bath Blue Monochromatic Color Scheme#659FB5#99BDD2#CDDFE7#F0F4F8#F0F4F8
- Blue Silk Monochromatic Color Scheme#698EB3#9EB6D0#D0DCE8#EDF2F8#EDF2F8
- Breath of Fresh Air Monochromatic Color Scheme#6198AE#97BBC8#C7DBE4#F0F4F8#F0F4F8
- Breeze Monochromatic Color Scheme#3377CC#71A2D4#AEC9EA#ECF3F9#ECF3F9
- Breezy Monochromatic Color Scheme#55A0B7#8DBBD1#C2DDE6#EBF6F7#EBF6F7
- Bright Star Monochromatic Color Scheme#8599A8#B2BBC6#DDE2E6#F2F2F4#F2F2F4
- Broad Daylight Monochromatic Color Scheme#2188FF#77B5FE#BBDDFF#E8F5FC#E8F5FC
Questions
What colors go with Breaking the Ice?
In a monochromatic scheme: Lynx Screen Blue (#2CB1EB), Spritzig (#76C5E7), Clear Skies (#E8F7FD), Clear Skies (#E8F7FD).
What is the hex code of Breaking the Ice?
#B8E4F5.