Sea Creature Complementary Color Scheme
Five colors arranged by the complementary rule around Sea Creature (#00586D), each snapped to its nearest named color.
#00586D
#01A2C6
#711A00
#220000
#CC2200
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sea Creature | #00586D | 0, 88, 109 | 192°, 100%, 21% | 100, 19, 0, 57 | |
| Resonant Blue | #01A2C6 | 1, 162, 198 | 191°, 99%, 39% | 99, 18, 0, 22 | |
| Cedar Wood Finish | #711A00 | 113, 26, 0 | 14°, 100%, 22% | 0, 77, 100, 56 | |
| Ponzu Brown | #220000 | 34, 0, 0 | 0°, 100%, 7% | 0, 100, 100, 87 | |
| Piment Piquant | #CC2200 | 204, 34, 0 | 10°, 100%, 40% | 0, 83, 100, 20 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #01A2C6 on #220000 | 6.54:1 | AA |
| Aa #01A2C6 on #711A00 | 3.78:1 | AA large |
| Aa #220000 on #CC2200 | 3.55:1 | AA large |
| Aa #00586D on #01A2C6 | 2.67:1 | — |
| Aa #00586D on #220000 | 2.45:1 | — |
| Aa #711A00 on #CC2200 | 2.05:1 | — |
CSS variables
:root {
--color-1: #00586d; /* Sea Creature */
--color-2: #01a2c6; /* Resonant Blue */
--color-3: #711a00; /* Cedar Wood Finish */
--color-4: #220000; /* Ponzu Brown */
--color-5: #cc2200; /* Piment Piquant */
}Other schemes from Sea Creature
- Sea Creature Analogous Color Scheme#016612#006C4B#00586D#002266#130173
- Sea Creature Triadic Color Scheme#00586D#720058#556600#00A9DA#220011
- Sea Creature Split-complementary Color Scheme#00586D#650021#704A07#041723#B50038
- Sea Creature Tetradic Color Scheme#00586D#4B006E#711A00#226600#00A9DA
- Sea Creature Monochromatic Color Scheme#0E191C#041723#00586D#0094BB#04CDFF
More Dark Teal complementary palettes
- After the Storm Complementary Color Scheme#33616A#4E9AA8#6D3C32#351F19#B06455
- Ahoy! Blue Complementary Color Scheme#0082A1#02CCFE#A81C07#551100#FD3C06
- Aqua Obscura Complementary Color Scheme#05696B#06B1C4#67080B#220000#CD0D0D
- Arctic Nights Complementary Color Scheme#345C61#4E939D#613936#351F19#A36159
- Baltic Complementary Color Scheme#279D9F#58CFD4#9D2626#651A14#D95854
- Beau Vert Complementary Color Scheme#0C6064#1CADBA#640F09#220000#BB1E1E
- Bermuda Complementary Color Scheme#1B7D8D#32BCD1#8B2E19#4D140B#D34E36
- Billiard Complementary Color Scheme#00AF9F#11FFEE#AA0011#65000B#FF1B2D
- Bleu Ciel Complementary Color Scheme#007BA1#0FC0FC#AA2704#551100#FF4505
- Blue Fjord Complementary Color Scheme#007290#00BBEE#991B07#441100#F83800
- Blue Ocean Complementary Color Scheme#009DC4#22DDFF#CC2200#711A00#FF5630
- Blue-Collar Complementary Color Scheme#005F7A#00A9DA#7C1C05#290E05#EC2D01
Questions
What colors go with Sea Creature?
In a complementary scheme: Resonant Blue (#01A2C6), Cedar Wood Finish (#711A00), Ponzu Brown (#220000), Piment Piquant (#CC2200).
What is the hex code of Sea Creature?
#00586D.