Hello Winter Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Hello Winter (#99FFEE), each snapped to its nearest named color.
#99FFEE
#FF99DD
#FFBB99
#55FFEE
#FFE3F4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hello Winter | #99FFEE | 153, 255, 238 | 170°, 100%, 80% | 40, 0, 7, 0 | |
| Pink Condition | #FF99DD | 255, 153, 221 | 320°, 100%, 80% | 0, 40, 13, 0 | |
| Cream Puff | #FFBB99 | 255, 187, 153 | 20°, 100%, 80% | 0, 27, 40, 0 | |
| Icy Life | #55FFEE | 85, 255, 238 | 174°, 100%, 67% | 67, 0, 7, 0 | |
| Bunny Tail | #FFE3F4 | 255, 227, 244 | 324°, 100%, 95% | 0, 11, 4, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #99FFEE on #FF99DD | 1.65:1 | — |
| Aa #FF99DD on #FFE3F4 | 1.62:1 | — |
| Aa #FF99DD on #55FFEE | 1.56:1 | — |
| Aa #99FFEE on #FFBB99 | 1.40:1 | — |
| Aa #FFBB99 on #FFE3F4 | 1.37:1 | — |
| Aa #FFBB99 on #55FFEE | 1.32:1 | — |
CSS variables
:root {
--color-1: #99ffee; /* Hello Winter */
--color-2: #ff99dd; /* Pink Condition */
--color-3: #ffbb99; /* Cream Puff */
--color-4: #55ffee; /* Icy Life */
--color-5: #ffe3f4; /* Bunny Tail */
}Other schemes from Hello Winter
- Hello Winter Complementary Color Scheme#99FFEE#E7FEFF#FF99AA#FF496C#FFE6EC
- Hello Winter Analogous Color Scheme#B0FF9D#9FFEB0#99FFEE#98DCFF#99AAFF
- Hello Winter Triadic Color Scheme#99FFEE#EE99FF#FFEE99#E7FEFF#EE55FF
- Hello Winter Tetradic Color Scheme#99FFEE#BB88FF#FF99AA#D8F19C#E7FEFF
- Hello Winter Monochromatic Color Scheme#00FFCC#55FFEE#99FFEE#E7FEFF#E7FEFF
More Very Light Teal split-complementary palettes
- Airy Split-complementary Color Scheme#DAE6E9#E9DBDF#EAE4DA#A9C6CB#F5F0F1
- Alpine Expedition Split-complementary Color Scheme#99EEFF#FF9BB7#FFDD99#45E9FD#FFE5ED
- Antiguan Split-complementary Color Scheme#BDDFD8#DCBFD5#DFC7BC#8AC5BA#F8EEF4
- Bare Mintimum Split-complementary Color Scheme#D6E3E7#E8D8DA#E7E3D6#A6C4CA#F5F0F1
- Blister Pearl Split-complementary Color Scheme#AAFFEE#FFAAEE#FFC4AE#55FFCC#FFE3F4
- Bone-Chilling Split-complementary Color Scheme#E1F2F0#F3E0EB#F3E8E1#AEDDD3#F8EEF4
- Break the Ice Split-complementary Color Scheme#B2E1EE#EDB2C4#F1DAB2#75C7E0#F8EAED
- Bubbles Split-complementary Color Scheme#E7FEFF#FFE6F1#FFF2E4#9CFAFF#FFE6F1
- Calm Waters Split-complementary Color Scheme#E7FAFA#F9E7F4#F9F2E7#AFEEEE#FCEBF4
- Castle in the Sky Split-complementary Color Scheme#D1EAED#EBD0DB#EDE1D1#98D2D9#F7EFEF
- Cold Canada Split-complementary Color Scheme#DBFFFE#FFDDEE#FFEBDA#88FFFF#FFE6F1
- Cold Omen Split-complementary Color Scheme#D6EAE8#EAD3E0#EBDED7#A5D0CB#F8EEF4
Questions
What colors go with Hello Winter?
In a split-complementary scheme: Pink Condition (#FF99DD), Cream Puff (#FFBB99), Icy Life (#55FFEE), Bunny Tail (#FFE3F4).
What is the hex code of Hello Winter?
#99FFEE.