Blue Moon Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Blue Moon (#3992A8), each snapped to its nearest named color.
#3992A8
#A53756
#AB863A
#22606E
#C66787
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Blue Moon | #3992A8 | 57, 146, 168 | 192°, 49%, 44% | 66, 13, 0, 34 | |
| Cranberry Sauce | #A53756 | 165, 55, 86 | 343°, 50%, 43% | 0, 67, 48, 35 | |
| Garden Sprout | #AB863A | 171, 134, 58 | 40°, 49%, 45% | 0, 22, 66, 33 | |
| Excellence | #22606E | 34, 96, 110 | 191°, 53%, 28% | 69, 13, 0, 57 | |
| Old Geranium | #C66787 | 198, 103, 135 | 340°, 45%, 59% | 0, 48, 32, 22 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AB863A on #22606E | 2.09:1 | — |
| Aa #3992A8 on #22606E | 1.97:1 | — |
| Aa #22606E on #C66787 | 1.92:1 | — |
| Aa #A53756 on #AB863A | 1.89:1 | — |
| Aa #3992A8 on #A53756 | 1.78:1 | — |
| Aa #A53756 on #C66787 | 1.73:1 | — |
CSS variables
:root {
--color-1: #3992a8; /* Blue Moon */
--color-2: #a53756; /* Cranberry Sauce */
--color-3: #ab863a; /* Garden Sprout */
--color-4: #22606e; /* Excellence */
--color-5: #c66787; /* Old Geranium */
}Other schemes from Blue Moon
- Blue Moon Complementary Color Scheme#3992A8#70B8D0#A94E37#6E3326#D38977
- Blue Moon Analogous Color Scheme#39AD48#39A78E#3992A8#3356AA#4E32B2
- Blue Moon Triadic Color Scheme#3992A8#A83A9A#8DA936#75BFD2#702963
- Blue Moon Tetradic Color Scheme#3992A8#8833AA#A94E37#58A83B#75BFD2
- Blue Moon Monochromatic Color Scheme#133337#22606E#3992A8#67B7C6#99D3DF
More Medium Teal split-complementary palettes
- Aggressive Aqua Split-complementary Color Scheme#00FBFF#FF007E#FF8400#01B1AF#FE54A3
- Ambrosial Oceanside Split-complementary Color Scheme#47AE9C#AA4488#AF6649#31796D#C677A8
- Aphrodite Aqua Split-complementary Color Scheme#45E9C1#F246A7#EC7042#00CC99#F092D6
- Aqua Split-complementary Color Scheme#0FF0FE#FF1177#FF9613#06B1C4#FF55A3
- Aquamarine Split-complementary Color Scheme#2EE8BB#E936A7#E95E2A#1DB394#FF6EC7
- Aquarius Split-complementary Color Scheme#2DB0CE#CC3366#CD9C2B#1B7D8D#DA6D91
- Arctic Split-complementary Color Scheme#648589#915870#937B56#3A6364#B48395
- Arctic Water Split-complementary Color Scheme#00FCFC#FF007E#FF7E00#01B1AF#FE46A5
- Atlas Cedar Split-complementary Color Scheme#5CA0A7#AD5B78#AA895D#417074#C28BA1
- Blue Bikini Split-complementary Color Scheme#00BBEE#EE0044#EEAA00#007FA2#FF3F6A
- Blue Bobbin Split-complementary Color Scheme#52B4CA#C85179#C5A253#30949D#DC89A8
- Blue Martini Split-complementary Color Scheme#52B4D3#CF5570#CFB352#338DAE#E78EA5
Questions
What colors go with Blue Moon?
In a split-complementary scheme: Cranberry Sauce (#A53756), Garden Sprout (#AB863A), Excellence (#22606E), Old Geranium (#C66787).
What is the hex code of Blue Moon?
#3992A8.