Breaking the Ice Triadic Color Scheme
Five colors arranged by the triadic rule around Breaking the Ice (#B8E4F5), each snapped to its nearest named color.
#B8E4F5
#F1BFE2
#E3EFB2
#E8F7FD
#E56CC0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Breaking the Ice | #B8E4F5 | 184, 228, 245 | 197°, 75%, 84% | 25, 7, 0, 4 | |
| Lavender Soap | #F1BFE2 | 241, 191, 226 | 318°, 64%, 85% | 0, 21, 6, 5 | |
| Spring Kiss | #E3EFB2 | 227, 239, 178 | 72°, 66%, 82% | 5, 0, 26, 6 | |
| Clear Skies | #E8F7FD | 232, 247, 253 | 197°, 84%, 95% | 8, 2, 0, 1 | |
| Explicit Pink | #E56CC0 | 229, 108, 192 | 318°, 70%, 66% | 0, 53, 16, 10 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E8F7FD on #E56CC0 | 2.65:1 | — |
| Aa #E3EFB2 on #E56CC0 | 2.38:1 | — |
| Aa #B8E4F5 on #E56CC0 | 2.14:1 | — |
| Aa #F1BFE2 on #E56CC0 | 1.84:1 | — |
| Aa #F1BFE2 on #E8F7FD | 1.44:1 | — |
| Aa #F1BFE2 on #E3EFB2 | 1.30:1 | — |
CSS variables
:root {
--color-1: #b8e4f5; /* Breaking the Ice */
--color-2: #f1bfe2; /* Lavender Soap */
--color-3: #e3efb2; /* Spring Kiss */
--color-4: #e8f7fd; /* Clear Skies */
--color-5: #e56cc0; /* Explicit Pink */
}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 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 triadic palettes
- A Dime a Dozen Triadic Color Scheme#D3DDE4#E5D2DD#DBE5D2#EEF2F3#C8A3B8
- Andromeda Blue Triadic Color Scheme#ABCDEE#EEAACC#D5EBAC#EAF4FC#E86EAD
- Après-Ski Triadic Color Scheme#CED5E4#E2CDD5#D5E3D0#EDF2F8#C59DAA
- Ariel Triadic Color Scheme#AED7EA#E6AED3#D5EBAC#EBF4FC#DD66BB
- Baby Blue Triadic Color Scheme#A2CFFE#FFA6C9#C1F9A2#E8F5FC#FF55AA
- Bird Bath Blue Triadic Color Scheme#CDDFE7#E6CCDD#DFE6CF#F0F4F8#CC99BB
- Blue Silk Triadic Color Scheme#D0DCE8#E7D1DD#DBE8CF#EDF2F8#CE9FB4
- Breath of Fresh Air Triadic Color Scheme#C7DBE4#E5C8D9#DBE2C9#F0F4F8#CC94BE
- Breeze Triadic Color Scheme#AEC9EA#E9ADCA#CEEBB2#ECF3F9#DE70A1
- Breezy Triadic Color Scheme#C2DDE6#E7C2DE#DEE3C0#EBF6F7#D492BD
- Bright Star Triadic Color Scheme#DDE2E6#E7DBE1#E1E9DB#EEF2F3#CAA7BB
- Broad Daylight Triadic Color Scheme#BBDDFF#FFBBDD#D1FFBD#E8F5FC#FF6CB5
Questions
What colors go with Breaking the Ice?
In a triadic scheme: Lavender Soap (#F1BFE2), Spring Kiss (#E3EFB2), Clear Skies (#E8F7FD), Explicit Pink (#E56CC0).
What is the hex code of Breaking the Ice?
#B8E4F5.