Cruising Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Cruising (#018498), each snapped to its nearest named color.
#018498
#990033
#9A6200
#004444
#E40058
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cruising | #018498 | 1, 132, 152 | 188°, 99%, 30% | 99, 13, 0, 40 | |
| Lifeline | #990033 | 153, 0, 51 | 340°, 100%, 30% | 0, 100, 67, 40 | |
| Raw Sienna | #9A6200 | 154, 98, 0 | 38°, 100%, 30% | 0, 36, 100, 40 | |
| Dark Side | #004444 | 0, 68, 68 | 180°, 100%, 13% | 100, 0, 0, 73 | |
| Framboise | #E40058 | 228, 0, 88 | 337°, 100%, 45% | 0, 100, 61, 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #018498 on #004444 | 2.49:1 | — |
| Aa #004444 on #E40058 | 2.32:1 | — |
| Aa #9A6200 on #004444 | 2.16:1 | — |
| Aa #018498 on #990033 | 1.98:1 | — |
| Aa #990033 on #E40058 | 1.85:1 | — |
| Aa #990033 on #9A6200 | 1.72:1 | — |
CSS variables
:root {
--color-1: #018498; /* Cruising */
--color-2: #990033; /* Lifeline */
--color-3: #9a6200; /* Raw Sienna */
--color-4: #004444; /* Dark Side */
--color-5: #e40058; /* Framboise */
}Other schemes from Cruising
- Cruising Complementary Color Scheme#018498#00CCEE#991100#4A0A00#FF2200
- Cruising Analogous Color Scheme#009911#009966#018498#033B9A#120A8F
- Cruising Triadic Color Scheme#018498#990088#889900#04D9FF#440044
- Cruising Tetradic Color Scheme#018498#660099#991100#339900#04D9FF
- Cruising Monochromatic Color Scheme#0E191C#004444#018498#00CCEE#22EEFF
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 Cruising?
In a split-complementary scheme: Lifeline (#990033), Raw Sienna (#9A6200), Dark Side (#004444), Framboise (#E40058).
What is the hex code of Cruising?
#018498.