Melting Point Complementary Color Scheme
Five colors arranged by the complementary rule around Melting Point (#CBE1E4), each snapped to its nearest named color.
#CBE1E4
#F0F4F8
#E6CFCC
#C99F99
#F7EFEF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Melting Point | #CBE1E4 | 203, 225, 228 | 187°, 32%, 85% | 11, 1, 0, 11 | |
| Child of Light | #F0F4F8 | 240, 244, 248 | 210°, 36%, 96% | 3, 2, 0, 3 | |
| Hugo | #E6CFCC | 230, 207, 204 | 7°, 34%, 85% | 0, 10, 11, 10 | |
| Aged Pink | #C99F99 | 201, 159, 153 | 8°, 31%, 69% | 0, 21, 24, 21 | |
| Vienna Dawn | #F7EFEF | 247, 239, 239 | 0°, 33%, 95% | 0, 3, 3, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F0F4F8 on #C99F99 | 2.13:1 | — |
| Aa #C99F99 on #F7EFEF | 2.08:1 | — |
| Aa #CBE1E4 on #C99F99 | 1.73:1 | — |
| Aa #E6CFCC on #C99F99 | 1.59:1 | — |
| Aa #F0F4F8 on #E6CFCC | 1.34:1 | — |
| Aa #E6CFCC on #F7EFEF | 1.31:1 | — |
CSS variables
:root {
--color-1: #cbe1e4; /* Melting Point */
--color-2: #f0f4f8; /* Child of Light */
--color-3: #e6cfcc; /* Hugo */
--color-4: #c99f99; /* Aged Pink */
--color-5: #f7efef; /* Vienna Dawn */
}Other schemes from Melting Point
- Melting Point Analogous Color Scheme#C9E3CC#C9E5DA#CBE1E4#CBD3E6#CFCBE5
- Melting Point Triadic Color Scheme#CBE1E4#E7CEE3#E4E4CB#F0F4F8#CD9BC4
- 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 complementary palettes
- Airy Complementary Color Scheme#DAE6E9#F1F3F3#E8DEDA#CDB1AB#F4EFEE
- Alpine Expedition Complementary Color Scheme#99EEFF#E7FEFF#FFAA99#FF6C51#FDEAE6
- Antiguan Complementary Color Scheme#BDDFD8#ECF7F7#DCBDC8#C78B95#F7EFEF
- Bare Mintimum Complementary Color Scheme#D6E3E7#F0F4F8#E6DAD6#CDAEA5#F7EFEF
- Blister Pearl Complementary Color Scheme#AAFFEE#E7FEFF#FFAABB#FD5B78#FFE6EC
- Bone-Chilling Complementary Color Scheme#E1F2F0#ECF7F7#F0E2E4#DDADAF#F6EEED
- Break the Ice Complementary Color Scheme#B2E1EE#EEF7FA#F1BFB1#E08771#FAEFE9
- Bubbles Complementary Color Scheme#E7FEFF#E7FEFF#FFE8E5#FF9999#FFE8E5
- Calm Waters Complementary Color Scheme#E7FAFA#EBFCFC#FBE7E6#F1AAA8#F9EAEA
- Castle in the Sky Complementary Color Scheme#D1EAED#ECF7F7#ECD4D2#DBA39A#F6EEED
- Cold Canada Complementary Color Scheme#DBFFFE#E7FEFF#FFDADC#FC9293#FFE6E7
- Cold Omen Complementary Color Scheme#D6EAE8#ECF7F7#ECD5D9#D1A5A6#F7EFEF
Questions
What colors go with Melting Point?
In a complementary scheme: Child of Light (#F0F4F8), Hugo (#E6CFCC), Aged Pink (#C99F99), Vienna Dawn (#F7EFEF).
What is the hex code of Melting Point?
#CBE1E4.