Underwater Moonlight Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Underwater Moonlight (#4488AA), each snapped to its nearest named color.
#4488AA
#B04556
#A89942
#305C71
#C97586
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Underwater Moonlight | #4488AA | 68, 136, 170 | 200°, 43%, 47% | 60, 20, 0, 33 | |
| Cherry Wine | #B04556 | 176, 69, 86 | 350°, 44%, 48% | 0, 61, 51, 31 | |
| Prickly Pear | #A89942 | 168, 153, 66 | 51°, 44%, 46% | 0, 9, 61, 34 | |
| Blumine | #305C71 | 48, 92, 113 | 199°, 40%, 32% | 58, 19, 0, 56 | |
| Long Spring | #C97586 | 201, 117, 134 | 348°, 44%, 62% | 0, 42, 33, 21 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A89942 on #305C71 | 2.52:1 | — |
| Aa #305C71 on #C97586 | 2.20:1 | — |
| Aa #B04556 on #A89942 | 1.91:1 | — |
| Aa #4488AA on #305C71 | 1.85:1 | — |
| Aa #B04556 on #C97586 | 1.66:1 | — |
| Aa #4488AA on #B04556 | 1.40:1 | — |
CSS variables
:root {
--color-1: #4488aa; /* Underwater Moonlight */
--color-2: #b04556; /* Cherry Wine */
--color-3: #a89942; /* Prickly Pear */
--color-4: #305c71; /* Blumine */
--color-5: #c97586; /* Long Spring */
}Other schemes from Underwater Moonlight
- Underwater Moonlight Complementary Color Scheme#4488AA#7BB1C9#AA6644#74462D#D29B83
- Underwater Moonlight Analogous Color Scheme#40A368#46A795#4488AA#4D5AAF#654EA3
- Underwater Moonlight Triadic Color Scheme#4488AA#AA4488#8CA94A#86B8CB#6B295A
- Underwater Moonlight Tetradic Color Scheme#4488AA#9448B0#AA6644#55AA44#86B8CB
- Underwater Moonlight Monochromatic Color Scheme#1E323B#305C71#4488AA#73A9C2#ADCDDC
More Medium Blue split-complementary palettes
- Admiral Blue Split-complementary Color Scheme#50647F#814D50#7F8353#2F3F53#A97673
- Aster Split-complementary Color Scheme#867BA9#AF9C76#88AA77#5C5083#C7C0A7
- Azure Split-complementary Color Scheme#007FFF#FF0000#FEFF00#095BAF#FF474C
- Bay View Split-complementary Color Scheme#6A819E#A26766#9CA664#475877#BA9B97
- Beach View Split-complementary Color Scheme#4F7694#954C52#948F54#324C61#B7757C
- Bellflower Split-complementary Color Scheme#5D66AA#AD785C#88A95B#4B4775#C3A491
- Blasphemous Blue Split-complementary Color Scheme#3356AA#A94E37#8DA936#243F6C#CE7259
- Blue Split-complementary Color Scheme#0000FF#FF7F00#88FF00#0000BB#FFA64F
- Blue Burst Split-complementary Color Scheme#309CD0#D02B48#CEB736#256D8D#DC6C84
- Blue Overdose Split-complementary Color Scheme#0020EF#EE5500#8EFA00#0018A8#FA873D
- Blue Ribbon Split-complementary Color Scheme#0066FF#FF1500#E3FF00#0048BA#FC5A50
- Blue Triumph Split-complementary Color Scheme#4376AB#AB4343#A5A943#284C75#C97376
Questions
What colors go with Underwater Moonlight?
In a split-complementary scheme: Cherry Wine (#B04556), Prickly Pear (#A89942), Blumine (#305C71), Long Spring (#C97586).
What is the hex code of Underwater Moonlight?
#4488AA.