Melting Point Triadic Color Scheme
Five colors arranged by the triadic rule around Melting Point (#CBE1E4), each snapped to its nearest named color.
#CBE1E4
#E7CEE3
#E4E4CB
#F0F4F8
#CD9BC4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Melting Point | #CBE1E4 | 203, 225, 228 | 187°, 32%, 85% | 11, 1, 0, 11 | 89.4% 0.024 207 | |
| Sweety Pie | #E7CEE3 | 231, 206, 227 | 310°, 34%, 86% | 0, 11, 2, 9 | 87.8% 0.039 331 | |
| Yellow Phosphenes | #E4E4CB | 228, 228, 203 | 60°, 32%, 85% | 0, 0, 11, 11 | 91.2% 0.033 107 | |
| Child of Light | #F0F4F8 | 240, 244, 248 | 210°, 36%, 96% | 3, 2, 0, 3 | 96.5% 0.007 248 | |
| Clover Pink | #CD9BC4 | 205, 155, 196 | 311°, 33%, 71% | 0, 24, 4, 20 | 74.9% 0.081 333 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F0F4F8 on #CD9BC4 | 2.09:1 | — |
| Aa #E4E4CB on #CD9BC4 | 1.79:1 | — |
| Aa #CBE1E4 on #CD9BC4 | 1.70:1 | — |
| Aa #E7CEE3 on #CD9BC4 | 1.58:1 | — |
| Aa #E7CEE3 on #F0F4F8 | 1.33:1 | — |
| Aa #CBE1E4 on #F0F4F8 | 1.23:1 | — |
CSS variables
:root {
--color-1: #cbe1e4; /* Melting Point */
--color-2: #e7cee3; /* Sweety Pie */
--color-3: #e4e4cb; /* Yellow Phosphenes */
--color-4: #f0f4f8; /* Child of Light */
--color-5: #cd9bc4; /* Clover Pink */
}Other schemes from Melting Point
- Melting Point Complementary Color Scheme#CBE1E4#F0F4F8#E6CFCC#C99F99#F7EFEF
- Melting Point Analogous Color Scheme#C9E3CC#C9E5DA#CBE1E4#CBD3E6#CFCBE5
- Melting Point Split-complementary Color Scheme#CBE1E4#E4CCD4#E5DBCB#98C6CB#F5F0F1
- Melting Point Tetradic Color Scheme#CBE1E4#DECCE4#E6CFCC#D2E3CC#F0F4F8
- Melting Point Monochromatic Color Scheme#66A9B0#98C6CB#CBE1E4#F0F4F8#F0F4F8
More very light teal triadic color schemes
- Airy Triadic Color Scheme#DAE6E9#E9DBE4#E5E8D9#F1F3F3#CCACC1
- Alpine Expedition Triadic Color Scheme#99EEFF#FF99EE#EEFF99#E7FEFF#FF55EE
- Antiguan Triadic Color Scheme#BDDFD8#D4BDDF#DFD7BD#ECF7F7#B48AC2
- Bare Mintimum Triadic Color Scheme#D6E3E7#E4D7E5#E3E6D6#F0F4F8#CCACC1
- Blister Pearl Triadic Color Scheme#AAFFEE#EEAAFF#FFEEAA#E7FEFF#DD55FF
- Bone-Chilling Triadic Color Scheme#E1F2F0#EFE2F2#F2EFE1#ECF7F7#D4AFDA
- Break the Ice Triadic Color Scheme#B2E1EE#F2ABE1#E3EFB2#EEF7FA#E56CC0
- Bubbles Triadic Color Scheme#E7FEFF#FFEBFE#FFFFE5#E7FEFF#FF99FF
- Calm Waters Triadic Color Scheme#E7FAFA#FCEBFA#FBF9E8#EBFCFC#EEAAEE
- Castle in the Sky Triadic Color Scheme#D1EAED#F0D5EA#EAEBD1#ECF7F7#D39ED2
- Cold Canada Triadic Color Scheme#DBFFFE#FFDDFF#FFFED9#E7FEFF#FF88FF
- Cold Omen Triadic Color Scheme#D6EAE8#E7D8EA#E9E9D5#ECF7F7#C6A1CF
Questions
What colors go with Melting Point?
In a triadic scheme: Sweety Pie (#E7CEE3), Yellow Phosphenes (#E4E4CB), Child of Light (#F0F4F8), Clover Pink (#CD9BC4).
What is the hex code of Melting Point?
#CBE1E4.