Ahoy! Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Ahoy! Blue (#0082A1), each snapped to its nearest named color.
#0082A1
#AA0033
#AB7100
#004455
#EE0044
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Ahoy! Blue | #0082A1 | 0, 130, 161 | 192°, 100%, 32% | 100, 19, 0, 37 | |
| Hot Lava | #AA0033 | 170, 0, 51 | 342°, 100%, 33% | 0, 100, 70, 33 | |
| Cookie Dough | #AB7100 | 171, 113, 0 | 40°, 100%, 34% | 0, 34, 100, 33 | |
| Crab Nebula | #004455 | 0, 68, 85 | 192°, 100%, 17% | 100, 20, 0, 67 | |
| Enraged | #EE0044 | 238, 0, 68 | 343°, 100%, 47% | 0, 100, 71, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AB7100 on #004455 | 2.60:1 | — |
| Aa #004455 on #EE0044 | 2.41:1 | — |
| Aa #0082A1 on #004455 | 2.40:1 | — |
| Aa #AA0033 on #AB7100 | 1.85:1 | — |
| Aa #AA0033 on #EE0044 | 1.71:1 | — |
| Aa #0082A1 on #AA0033 | 1.71:1 | — |
CSS variables
:root {
--color-1: #0082a1; /* Ahoy! Blue */
--color-2: #aa0033; /* Hot Lava */
--color-3: #ab7100; /* Cookie Dough */
--color-4: #004455; /* Crab Nebula */
--color-5: #ee0044; /* Enraged */
}Other schemes from Ahoy! Blue
- Ahoy! Blue Complementary Color Scheme#0082A1#02CCFE#A81C07#551100#FD3C06
- Ahoy! Blue Analogous Color Scheme#00AA11#00A870#0082A1#002FA6#1100AA
- Ahoy! Blue Triadic Color Scheme#0082A1#AA1188#89A203#04CDFF#550344
- Ahoy! Blue Tetradic Color Scheme#0082A1#6611AA#A81C07#33AA00#04CDFF
- Ahoy! Blue Monochromatic Color Scheme#0E191C#004455#0082A1#00CCEE#22DDFF
More Dark Teal split-complementary palettes
- After the Storm Split-complementary Color Scheme#33616A#6D3445#6A5536#1C3339#9F4D65
- 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
- Celestial Split-complementary Color Scheme#007894#990033#996600#003447#E40046
Questions
What colors go with Ahoy! Blue?
In a split-complementary scheme: Hot Lava (#AA0033), Cookie Dough (#AB7100), Crab Nebula (#004455), Enraged (#EE0044).
What is the hex code of Ahoy! Blue?
#0082A1.