Bone-Chilling Complementary Color Scheme
Five colors arranged by the complementary rule around Bone-Chilling (#E1F2F0), each snapped to its nearest named color.
#E1F2F0
#ECF7F7
#F0E2E4
#DDADAF
#F6EEED
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Bone-Chilling | #E1F2F0 | 225, 242, 240 | 173°, 40%, 92% | 7, 0, 1, 5 | |
| Aijiro White | #ECF7F7 | 236, 247, 247 | 180°, 41%, 95% | 4, 0, 0, 3 | |
| Dulcet Pink | #F0E2E4 | 240, 226, 228 | 351°, 32%, 91% | 0, 6, 5, 6 | |
| Pale Chestnut | #DDADAF | 221, 173, 175 | 358°, 41%, 77% | 0, 22, 21, 13 | |
| Grannie’s Pearls | #F6EEED | 246, 238, 237 | 7°, 33%, 95% | 0, 3, 4, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #ECF7F7 on #DDADAF | 1.80:1 | — |
| Aa #DDADAF on #F6EEED | 1.72:1 | — |
| Aa #E1F2F0 on #DDADAF | 1.70:1 | — |
| Aa #F0E2E4 on #DDADAF | 1.57:1 | — |
| Aa #ECF7F7 on #F0E2E4 | 1.15:1 | — |
| Aa #F0E2E4 on #F6EEED | 1.10:1 | — |
CSS variables
:root {
--color-1: #e1f2f0; /* Bone-Chilling */
--color-2: #ecf7f7; /* Aijiro White */
--color-3: #f0e2e4; /* Dulcet Pink */
--color-4: #ddadaf; /* Pale Chestnut */
--color-5: #f6eeed; /* Grannie’s Pearls */
}Other schemes from Bone-Chilling
- Bone-Chilling Analogous Color Scheme#E4F3E0#E1F0EA#E1F2F0#E2ECF2#E0E3EF
- Bone-Chilling Triadic Color Scheme#E1F2F0#EFE2F2#F2EFE1#ECF7F7#D4AFDA
- Bone-Chilling Split-complementary Color Scheme#E1F2F0#F3E0EB#F3E8E1#AEDDD3#F8EEF4
- Bone-Chilling Tetradic Color Scheme#E1F2F0#E7E0EE#F0E2E4#ECF3E1#ECF7F7
- Bone-Chilling Monochromatic Color Scheme#7AC0BB#AEDDD3#E1F2F0#ECF7F7#ECF7F7
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
- 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
- Cold Wave Complementary Color Scheme#C2E2E3#ECF7F7#E1C2C1#CE8E8B#F6EEED
Questions
What colors go with Bone-Chilling?
In a complementary scheme: Aijiro White (#ECF7F7), Dulcet Pink (#F0E2E4), Pale Chestnut (#DDADAF), Grannie’s Pearls (#F6EEED).
What is the hex code of Bone-Chilling?
#E1F2F0.