Hello Winter Tetradic Color Scheme
Five colors arranged by the tetradic rule around Hello Winter (#99FFEE), each snapped to its nearest named color.
#99FFEE
#BB88FF
#FF99AA
#D8F19C
#E7FEFF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hello Winter | #99FFEE | 153, 255, 238 | 170°, 100%, 80% | 40, 0, 7, 0 | |
| Lilac Geode | #BB88FF | 187, 136, 255 | 266°, 100%, 77% | 27, 47, 0, 0 | |
| Fight the Sunrise | #FF99AA | 255, 153, 170 | 350°, 100%, 80% | 0, 40, 33, 0 | |
| Creamy Avocado | #D8F19C | 216, 241, 156 | 78°, 75%, 78% | 10, 0, 35, 5 | |
| Bubbles | #E7FEFF | 231, 254, 255 | 183°, 100%, 95% | 9, 0, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BB88FF on #E7FEFF | 2.48:1 | — |
| Aa #99FFEE on #BB88FF | 2.21:1 | — |
| Aa #BB88FF on #D8F19C | 2.10:1 | — |
| Aa #FF99AA on #E7FEFF | 1.93:1 | — |
| Aa #99FFEE on #FF99AA | 1.72:1 | — |
| Aa #FF99AA on #D8F19C | 1.63:1 | — |
CSS variables
:root {
--color-1: #99ffee; /* Hello Winter */
--color-2: #bb88ff; /* Lilac Geode */
--color-3: #ff99aa; /* Fight the Sunrise */
--color-4: #d8f19c; /* Creamy Avocado */
--color-5: #e7feff; /* Bubbles */
}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 Split-complementary Color Scheme#99FFEE#FF99DD#FFBB99#55FFEE#FFE3F4
- Hello Winter Monochromatic Color Scheme#00FFCC#55FFEE#99FFEE#E7FEFF#E7FEFF
More Very Light Teal tetradic palettes
- Airy Tetradic Color Scheme#DAE6E9#E3DAE9#E8DEDA#DFEADB#F1F3F3
- Alpine Expedition Tetradic Color Scheme#99EEFF#D59CFC#FFAA99#BBFF99#E7FEFF
- Antiguan Tetradic Color Scheme#BDDFD8#C6BEDD#DCBDC8#DDDEBE#ECF7F7
- Bare Mintimum Tetradic Color Scheme#D6E3E7#E3D6E9#E6DAD6#DAE9D6#F0F4F8
- Blister Pearl Tetradic Color Scheme#AAFFEE#CCAAFF#FFAABB#EEFFAA#E7FEFF
- Bone-Chilling Tetradic Color Scheme#E1F2F0#E7E0EE#F0E2E4#ECF3E1#ECF7F7
- Break the Ice Tetradic Color Scheme#B2E1EE#DDAAEE#F1BFB1#CEEBB2#EEF7FA
- Bubbles Tetradic Color Scheme#E7FEFF#F0EBFC#FFE8E5#F1FDE9#E7FEFF
- Calm Waters Tetradic Color Scheme#E7FAFA#EEE9F9#FBE7E6#F3F9E9#EBFCFC
- Castle in the Sky Tetradic Color Scheme#D1EAED#E9D2EF#ECD4D2#DAEED3#ECF7F7
- Cold Canada Tetradic Color Scheme#DBFFFE#EEDDFF#FFDADC#EEFFDD#E7FEFF
- Cold Omen Tetradic Color Scheme#D6EAE8#DDD6E7#ECD5D9#E3EAD6#ECF7F7
Questions
What colors go with Hello Winter?
In a tetradic scheme: Lilac Geode (#BB88FF), Fight the Sunrise (#FF99AA), Creamy Avocado (#D8F19C), Bubbles (#E7FEFF).
What is the hex code of Hello Winter?
#99FFEE.