Gentle Cold Complementary Color Scheme
Five colors arranged by the complementary rule around Gentle Cold (#C3ECE9), each snapped to its nearest named color.
#C3ECE9
#ECF7F7
#EDC3C5
#D58A94
#F8EAED
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Gentle Cold | #C3ECE9 | 195, 236, 233 | 176°, 52%, 85% | 17, 0, 1, 7 | |
| Aijiro White | #ECF7F7 | 236, 247, 247 | 180°, 41%, 95% | 4, 0, 0, 3 | |
| Berry Good | #EDC3C5 | 237, 195, 197 | 357°, 54%, 85% | 0, 18, 17, 7 | |
| Dusty Pink | #D58A94 | 213, 138, 148 | 352°, 47%, 69% | 0, 35, 31, 16 | |
| Morning Shine | #F8EAED | 248, 234, 237 | 347°, 50%, 95% | 0, 6, 4, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #ECF7F7 on #D58A94 | 2.43:1 | — |
| Aa #D58A94 on #F8EAED | 2.28:1 | — |
| Aa #C3ECE9 on #D58A94 | 2.09:1 | — |
| Aa #EDC3C5 on #D58A94 | 1.67:1 | — |
| Aa #ECF7F7 on #EDC3C5 | 1.45:1 | — |
| Aa #EDC3C5 on #F8EAED | 1.36:1 | — |
CSS variables
:root {
--color-1: #c3ece9; /* Gentle Cold */
--color-2: #ecf7f7; /* Aijiro White */
--color-3: #edc3c5; /* Berry Good */
--color-4: #d58a94; /* Dusty Pink */
--color-5: #f8eaed; /* Morning Shine */
}Other schemes from Gentle Cold
- Gentle Cold Analogous Color Scheme#CCEEC2#C1EDD3#C3ECE9#C1DBEC#C3C9E6
- Gentle Cold Triadic Color Scheme#C3ECE9#EEC3EE#F0E8C6#ECF7F7#CC88DD
- Gentle Cold Split-complementary Color Scheme#C3ECE9#EDC2DB#EAD4C4#87D9D2#F8EEF4
- Gentle Cold Tetradic Color Scheme#C3ECE9#D5C7E8#EDC3C5#DAECC5#ECF7F7
- Gentle Cold Monochromatic Color Scheme#55CCBB#87D9D2#C3ECE9#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
- 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 Gentle Cold?
In a complementary scheme: Aijiro White (#ECF7F7), Berry Good (#EDC3C5), Dusty Pink (#D58A94), Morning Shine (#F8EAED).
What is the hex code of Gentle Cold?
#C3ECE9.