Hello Winter Complementary Color Scheme
Five colors arranged by the complementary rule around Hello Winter (#99FFEE), each snapped to its nearest named color.
#99FFEE
#E7FEFF
#FF99AA
#FF496C
#FFE6EC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hello Winter | #99FFEE | 153, 255, 238 | 170°, 100%, 80% | 40, 0, 7, 0 | |
| Bubbles | #E7FEFF | 231, 254, 255 | 183°, 100%, 95% | 9, 0, 0, 0 | |
| Fight the Sunrise | #FF99AA | 255, 153, 170 | 350°, 100%, 80% | 0, 40, 33, 0 | |
| Love Red | #FF496C | 255, 73, 108 | 348°, 100%, 64% | 0, 71, 58, 0 | |
| Nosegay | #FFE6EC | 255, 230, 236 | 346°, 100%, 95% | 0, 10, 7, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E7FEFF on #FF496C | 3.12:1 | AA large |
| Aa #99FFEE on #FF496C | 2.79:1 | — |
| Aa #FF496C on #FFE6EC | 2.77:1 | — |
| Aa #E7FEFF on #FF99AA | 1.93:1 | — |
| Aa #99FFEE on #FF99AA | 1.72:1 | — |
| Aa #FF99AA on #FFE6EC | 1.71:1 | — |
CSS variables
:root {
--color-1: #99ffee; /* Hello Winter */
--color-2: #e7feff; /* Bubbles */
--color-3: #ff99aa; /* Fight the Sunrise */
--color-4: #ff496c; /* Love Red */
--color-5: #ffe6ec; /* Nosegay */
}Other schemes from Hello Winter
- Hello Winter Analogous Color Scheme#B0FF9D#9FFEB0#99FFEE#98DCFF#99AAFF
- Hello Winter Triadic Color Scheme#99FFEE#EE99FF#FFEE99#E7FEFF#EE55FF
- Hello Winter Split-complementary Color Scheme#99FFEE#FF99DD#FFBB99#55FFEE#FFE3F4
- Hello Winter Tetradic Color Scheme#99FFEE#BB88FF#FF99AA#D8F19C#E7FEFF
- Hello Winter Monochromatic Color Scheme#00FFCC#55FFEE#99FFEE#E7FEFF#E7FEFF
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 Hello Winter?
In a complementary scheme: Bubbles (#E7FEFF), Fight the Sunrise (#FF99AA), Love Red (#FF496C), Nosegay (#FFE6EC).
What is the hex code of Hello Winter?
#99FFEE.