Ocean Slumber Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Ocean Slumber (#41767B), each snapped to its nearest named color.
#41767B
#7E4258
#7C6042
#27454A
#AD5B78
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Ocean Slumber | #41767B | 65, 118, 123 | 185°, 31%, 37% | 47, 4, 0, 52 | |
| Cheerful Wine | #7E4258 | 126, 66, 88 | 338°, 31%, 38% | 0, 48, 30, 51 | |
| Eastlake | #7C6042 | 124, 96, 66 | 31°, 31%, 37% | 0, 23, 47, 51 | |
| Mysterious Waters | #27454A | 39, 69, 74 | 189°, 31%, 22% | 47, 7, 0, 71 | |
| Indian Pink | #AD5B78 | 173, 91, 120 | 339°, 33%, 52% | 0, 47, 31, 32 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #27454A on #AD5B78 | 2.23:1 | — |
| Aa #41767B on #27454A | 2.01:1 | — |
| Aa #7C6042 on #27454A | 1.77:1 | — |
| Aa #7E4258 on #AD5B78 | 1.62:1 | — |
| Aa #41767B on #7E4258 | 1.46:1 | — |
| Aa #7E4258 on #27454A | 1.38:1 | — |
CSS variables
:root {
--color-1: #41767b; /* Ocean Slumber */
--color-2: #7e4258; /* Cheerful Wine */
--color-3: #7c6042; /* Eastlake */
--color-4: #27454a; /* Mysterious Waters */
--color-5: #ad5b78; /* Indian Pink */
}Other schemes from Ocean Slumber
- Ocean Slumber Complementary Color Scheme#41767B#66A9B0#794840#4B2929#B47571
- Ocean Slumber Analogous Color Scheme#437B48#447A66#41767B#405978#444172
- Ocean Slumber Triadic Color Scheme#41767B#7A4171#757D43#71ADB2#462343
- Ocean Slumber Tetradic Color Scheme#41767B#68447C#794840#5A7C46#71ADB2
- Ocean Slumber Monochromatic Color Scheme#0F1519#27454A#41767B#5CA0A7#91C1C6
More Dark Teal split-complementary palettes
- After the Storm Split-complementary Color Scheme#33616A#6D3445#6A5536#1C3339#9F4D65
- Ahoy! Blue Split-complementary Color Scheme#0082A1#AA0033#AB7100#004455#EE0044
- Aqua Obscura Split-complementary Color Scheme#05696B#66033C#6E3A07#002222#A50B5E
- Arctic Nights Split-complementary Color Scheme#345C61#623745#665134#193232#955264
- Baltic Split-complementary Color Scheme#279D9F#9F2B68#9D652B#166461#C84186
- Beau Vert Split-complementary Color Scheme#0C6064#66033C#6E3A07#041723#AA1155
- Bermuda Split-complementary Color Scheme#1B7D8D#871646#97691E#0B474A#CC2266
- Billiard Split-complementary Color Scheme#00AF9F#AA0066#B64701#016459#FF0099
- Bleu Ciel Split-complementary Color Scheme#007BA1#AA0033#A87900#004058#F2013F
- Blue Fjord Split-complementary Color Scheme#007290#900020#886600#003344#DD0044
- Blue Ocean Split-complementary Color Scheme#009DC4#C40233#C68400#04627A#FF1155
- Blue-Collar Split-complementary Color Scheme#005F7A#770022#7A5901#002233#C40233
Questions
What colors go with Ocean Slumber?
In a split-complementary scheme: Cheerful Wine (#7E4258), Eastlake (#7C6042), Mysterious Waters (#27454A), Indian Pink (#AD5B78).
What is the hex code of Ocean Slumber?
#41767B.