Rainy Mood Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Rainy Mood (#4499AA), each snapped to its nearest named color.
#4499AA
#AC4362
#AE8845
#2E6676
#C87291
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Rainy Mood | #4499AA | 68, 153, 170 | 190°, 43%, 47% | 60, 10, 0, 33 | 63.8% 0.085 213 | |
| Hot | #AC4362 | 172, 67, 98 | 342°, 44%, 47% | 0, 61, 43, 33 | 53.3% 0.140 5 | |
| Indian Spice | #AE8845 | 174, 136, 69 | 38°, 43%, 48% | 0, 22, 60, 32 | 64.9% 0.097 80 | |
| Loon Turquoise | #2E6676 | 46, 102, 118 | 193°, 44%, 32% | 61, 14, 0, 54 | 47.9% 0.064 219 | |
| Rhine Wine | #C87291 | 200, 114, 145 | 338°, 44%, 62% | 0, 43, 28, 22 | 65.6% 0.114 358 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AE8845 on #2E6676 | 1.95:1 | — |
| Aa #4499AA on #2E6676 | 1.95:1 | — |
| Aa #2E6676 on #C87291 | 1.91:1 | — |
| Aa #AC4362 on #AE8845 | 1.72:1 | — |
| Aa #4499AA on #AC4362 | 1.71:1 | — |
| Aa #AC4362 on #C87291 | 1.68:1 | — |
CSS variables
:root {
--color-1: #4499aa; /* Rainy Mood */
--color-2: #ac4362; /* Hot */
--color-3: #ae8845; /* Indian Spice */
--color-4: #2e6676; /* Loon Turquoise */
--color-5: #c87291; /* Rhine Wine */
}Other schemes from Rainy Mood
- Rainy Mood Complementary Color Scheme#4499AA#7BBDC7#A75546#76392E#CF9384
- Rainy Mood Analogous Color Scheme#44AA55#40A48E#4499AA#4467A7#5946B2
- Rainy Mood Triadic Color Scheme#4499AA#B44C97#99AC4B#85C0CD#772F6C
- Rainy Mood Tetradic Color Scheme#4499AA#8547B5#A75546#66A545#85C0CD
- Rainy Mood Monochromatic Color Scheme#1D393C#2E6676#4499AA#73B7C2#ABD5DC
More medium teal split-complementary color schemes
- 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 Rainy Mood?
In a split-complementary scheme: Hot (#AC4362), Indian Spice (#AE8845), Loon Turquoise (#2E6676), Rhine Wine (#C87291).
What is the hex code of Rainy Mood?
#4499AA.