Deep Sea Diver Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Deep Sea Diver (#255C61), each snapped to its nearest named color.
#255C61
#69293B
#664422
#10252A
#963B60
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Deep Sea Diver | #255C61 | 37, 92, 97 | 185°, 45%, 26% | 62, 5, 0, 62 | |
| Siren | #69293B | 105, 41, 59 | 343°, 44%, 29% | 0, 61, 44, 59 | |
| Florida’s Alligator | #664422 | 102, 68, 34 | 30°, 50%, 27% | 0, 33, 67, 60 | |
| Sunken Ship | #10252A | 16, 37, 42 | 192°, 45%, 11% | 62, 12, 0, 84 | |
| Aurora Magenta | #963B60 | 150, 59, 96 | 336°, 44%, 41% | 0, 61, 36, 41 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #10252A on #963B60 | 2.34:1 | — |
| Aa #255C61 on #10252A | 2.11:1 | — |
| Aa #664422 on #10252A | 1.83:1 | — |
| Aa #69293B on #963B60 | 1.56:1 | — |
| Aa #69293B on #10252A | 1.50:1 | — |
| Aa #255C61 on #69293B | 1.40:1 | — |
CSS variables
:root {
--color-1: #255c61; /* Deep Sea Diver */
--color-2: #69293b; /* Siren */
--color-3: #664422; /* Florida’s Alligator */
--color-4: #10252a; /* Sunken Ship */
--color-5: #963b60; /* Aurora Magenta */
}Other schemes from Deep Sea Diver
- Deep Sea Diver Complementary Color Scheme#255C61#3F9DA9#662A2C#2F1212#AB4F41
- Deep Sea Diver Analogous Color Scheme#306030#236649#255C61#2C3A64#2E2364
- Deep Sea Diver Triadic Color Scheme#255C61#6B295A#5E602A#41A1AA#2B0F2E
- Deep Sea Diver Tetradic Color Scheme#255C61#442266#662A2C#3E6334#41A1AA
- Deep Sea Diver Monochromatic Color Scheme#0F1519#10252A#255C61#388D95#59BBC2
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 Deep Sea Diver?
In a split-complementary scheme: Siren (#69293B), Florida’s Alligator (#664422), Sunken Ship (#10252A), Aurora Magenta (#963B60).
What is the hex code of Deep Sea Diver?
#255C61.