Blue Ocean Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Blue Ocean (#009DC4), each snapped to its nearest named color.
#009DC4
#C40233
#C68400
#04627A
#FF1155
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Blue Ocean | #009DC4 | 0, 157, 196 | 192°, 100%, 38% | 100, 20, 0, 23 | |
| Vampire Bite | #C40233 | 196, 2, 51 | 345°, 98%, 39% | 0, 99, 74, 23 | |
| Bubonic Brown | #C68400 | 198, 132, 0 | 40°, 100%, 39% | 0, 33, 100, 22 | |
| Jamaican Dream | #04627A | 4, 98, 122 | 192°, 94%, 25% | 97, 20, 0, 52 | |
| Golden Blood | #FF1155 | 255, 17, 85 | 343°, 100%, 53% | 0, 93, 67, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C68400 on #04627A | 2.21:1 | — |
| Aa #009DC4 on #04627A | 2.18:1 | — |
| Aa #C40233 on #C68400 | 1.97:1 | — |
| Aa #009DC4 on #C40233 | 1.94:1 | — |
| Aa #04627A on #FF1155 | 1.80:1 | — |
| Aa #C40233 on #FF1155 | 1.61:1 | — |
CSS variables
:root {
--color-1: #009dc4; /* Blue Ocean */
--color-2: #c40233; /* Vampire Bite */
--color-3: #c68400; /* Bubonic Brown */
--color-4: #04627a; /* Jamaican Dream */
--color-5: #ff1155; /* Golden Blood */
}Other schemes from Blue Ocean
- Blue Ocean Complementary Color Scheme#009DC4#22DDFF#CC2200#711A00#FF5630
- Blue Ocean Analogous Color Scheme#00CC33#01C08D#009DC4#0033CC#3300CC
- Blue Ocean Triadic Color Scheme#009DC4#CC0088#9DC100#22DDFF#730061
- Blue Ocean Tetradic Color Scheme#009DC4#8806CE#CC2200#33CC00#22DDFF
- Blue Ocean Monochromatic Color Scheme#032425#04627A#009DC4#04CDFF#55DDFF
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-Collar Split-complementary Color Scheme#005F7A#770022#7A5901#002233#C40233
- Celestial Split-complementary Color Scheme#007894#990033#996600#003447#E40046
Questions
What colors go with Blue Ocean?
In a split-complementary scheme: Vampire Bite (#C40233), Bubonic Brown (#C68400), Jamaican Dream (#04627A), Golden Blood (#FF1155).
What is the hex code of Blue Ocean?
#009DC4.