Ocean’s Embrace Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Ocean’s Embrace (#306A78), each snapped to its nearest named color.
#306A78
#773243
#736330
#1C3B42
#B14566
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Ocean’s Embrace | #306A78 | 48, 106, 120 | 192°, 43%, 33% | 60, 12, 0, 53 | 49.2% 0.064 216 | |
| Red Octopus | #773243 | 119, 50, 67 | 345°, 41%, 33% | 0, 58, 44, 53 | 41.7% 0.098 7 | |
| Himalaya | #736330 | 115, 99, 48 | 46°, 41%, 32% | 0, 14, 58, 55 | 50.4% 0.073 92 | |
| Royal Neptune | #1C3B42 | 28, 59, 66 | 191°, 40%, 18% | 58, 11, 0, 74 | 33.2% 0.039 214 | |
| Sangria | #B14566 | 177, 69, 102 | 342°, 44%, 48% | 0, 61, 42, 31 | 54.5% 0.144 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #1C3B42 on #B14566 | 2.23:1 | — |
| Aa #736330 on #1C3B42 | 2.03:1 | — |
| Aa #306A78 on #1C3B42 | 1.97:1 | — |
| Aa #773243 on #B14566 | 1.69:1 | — |
| Aa #773243 on #736330 | 1.53:1 | — |
| Aa #306A78 on #773243 | 1.49:1 | — |
CSS variables
:root {
--color-1: #306a78; /* Ocean’s Embrace */
--color-2: #773243; /* Red Octopus */
--color-3: #736330; /* Himalaya */
--color-4: #1c3b42; /* Royal Neptune */
--color-5: #b14566; /* Sangria */
}Other schemes from Ocean’s Embrace
- Ocean’s Embrace Complementary Color Scheme#306A78#52A2B4#773C30#442117#BF6955
- Ocean’s Embrace Analogous Color Scheme#337B35#337766#306A78#2C447B#323477
- Ocean’s Embrace Triadic Color Scheme#306A78#772F6C#6F7632#55A7B6#4B1C35
- Ocean’s Embrace Tetradic Color Scheme#306A78#653475#773C30#427131#55A7B6
- Ocean’s Embrace Monochromatic Color Scheme#0C121B#1C3B42#306A78#4598AB#7BBBC8
More dark teal split-complementary color schemes
- 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’s Embrace?
In a split-complementary scheme: Red Octopus (#773243), Himalaya (#736330), Royal Neptune (#1C3B42), Sangria (#B14566).
What is the hex code of Ocean’s Embrace?
#306A78.