Widowmaker Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Widowmaker (#99AAFF), each snapped to its nearest named color.
#99AAFF
#FFBB99
#D8F19C
#5566FF
#FFECE5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Widowmaker | #99AAFF | 153, 170, 255 | 230°, 100%, 80% | 40, 33, 0, 0 | |
| Cream Puff | #FFBB99 | 255, 187, 153 | 20°, 100%, 80% | 0, 27, 40, 0 | |
| Creamy Avocado | #D8F19C | 216, 241, 156 | 78°, 75%, 78% | 10, 0, 35, 5 | |
| Blue Heath Butterfly | #5566FF | 85, 102, 255 | 234°, 100%, 67% | 67, 60, 0, 0 | |
| Peach Breeze | #FFECE5 | 255, 236, 229 | 16°, 100%, 95% | 0, 7, 10, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #5566FF on #FFECE5 | 3.89:1 | AA large |
| Aa #D8F19C on #5566FF | 3.59:1 | AA large |
| Aa #FFBB99 on #5566FF | 2.71:1 | — |
| Aa #99AAFF on #5566FF | 2.02:1 | — |
| Aa #99AAFF on #FFECE5 | 1.93:1 | — |
| Aa #99AAFF on #D8F19C | 1.78:1 | — |
CSS variables
:root {
--color-1: #99aaff; /* Widowmaker */
--color-2: #ffbb99; /* Cream Puff */
--color-3: #d8f19c; /* Creamy Avocado */
--color-4: #5566ff; /* Blue Heath Butterfly */
--color-5: #ffece5; /* Peach Breeze */
}Other schemes from Widowmaker
- Widowmaker Complementary Color Scheme#99AAFF#E8EEFE#FFEE99#FBEB50#FEFBE5
- Widowmaker Analogous Color Scheme#99FFEE#98DCFF#99AAFF#BB88FF#EE99FF
- Widowmaker Triadic Color Scheme#99AAFF#FF99AA#B0FF9D#E8EEFE#FF496C
- Widowmaker Tetradic Color Scheme#99AAFF#FF99DD#FFEE99#9FFEB0#E8EEFE
- Widowmaker Monochromatic Color Scheme#0033FF#5566FF#99AAFF#E8EEFE#E8EEFE
More Very Light Blue split-complementary palettes
- A Dime a Dozen Split-complementary Color Scheme#D3DDE4#E2D4D4#E3E4D2#A2BACB#F5F0F1
- Andromeda Blue Split-complementary Color Scheme#ABCDEE#EDAAAC#EEEEAA#72A7E1#F9EAEA
- Après-Ski Split-complementary Color Scheme#CED5E4#E3D2CE#E1E2CF#9BA9CA#F7EFEF
- Ariel Split-complementary Color Scheme#AED7EA#EAABBC#ECDFAD#74B8DA#F8EAED
- Baby Blue Split-complementary Color Scheme#A2CFFE#FEA5A2#FCFFA4#55AAFF#FFE6E7
- Bird Bath Blue Split-complementary Color Scheme#CDDFE7#E5CCD1#E8E1CE#99BDD2#F7EFEF
- Blue Silk Split-complementary Color Scheme#D0DCE8#E9CFCF#E9E9D0#9EB6D0#F6EEED
- Breaking the Ice Split-complementary Color Scheme#B8E4F5#F3BAC9#F3E8B8#76C5E7#FFE9ED
- Breath of Fresh Air Split-complementary Color Scheme#C7DBE4#E2C9CE#E3DEC6#97BBC8#F7EFEF
- Breeze Split-complementary Color Scheme#AEC9EA#E6B0AF#E8EBAF#71A2D4#F9EAEB
- Breezy Split-complementary Color Scheme#C2DDE6#E7C2CA#E7DCC1#8DBBD1#F7EFEF
- Bright Star Split-complementary Color Scheme#DDE2E6#E9D9DC#EAE7DA#AABCCB#F4EFEE
Questions
What colors go with Widowmaker?
In a split-complementary scheme: Cream Puff (#FFBB99), Creamy Avocado (#D8F19C), Blue Heath Butterfly (#5566FF), Peach Breeze (#FFECE5).
What is the hex code of Widowmaker?
#99AAFF.