Waikiki Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Waikiki (#218BA0), each snapped to its nearest named color.
#218BA0
#A22452
#A7752C
#125761
#D2386C
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Waikiki | #218BA0 | 33, 139, 160 | 190°, 66%, 38% | 79, 13, 0, 37 | 58.9% 0.095 215 | |
| Cherries Jubilee | #A22452 | 162, 36, 82 | 338°, 64%, 39% | 0, 78, 49, 36 | 47.9% 0.164 4 | |
| Hot Toddy | #A7752C | 167, 117, 44 | 36°, 58%, 41% | 0, 30, 74, 35 | 60.0% 0.108 73 | |
| Baltic Trench | #125761 | 18, 87, 97 | 188°, 69%, 23% | 81, 10, 0, 62 | 42.1% 0.066 210 | |
| Raspberry Sorbet | #D2386C | 210, 56, 108 | 340°, 63%, 52% | 0, 73, 49, 18 | 58.6% 0.193 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #218BA0 on #125761 | 2.06:1 | — |
| Aa #A7752C on #125761 | 2.04:1 | — |
| Aa #218BA0 on #A22452 | 1.81:1 | — |
| Aa #A22452 on #A7752C | 1.79:1 | — |
| Aa #125761 on #D2386C | 1.77:1 | — |
| Aa #A22452 on #D2386C | 1.55:1 | — |
CSS variables
:root {
--color-1: #218ba0; /* Waikiki */
--color-2: #a22452; /* Cherries Jubilee */
--color-3: #a7752c; /* Hot Toddy */
--color-4: #125761; /* Baltic Trench */
--color-5: #d2386c; /* Raspberry Sorbet */
}Other schemes from Waikiki
- Waikiki Complementary Color Scheme#218BA0#4BC7CF#A03623#662211#DF644E
- Waikiki Analogous Color Scheme#2BA727#25A26F#218BA0#214DAA#3D34A5
- Waikiki Triadic Color Scheme#218BA0#BB2288#82A320#4BC7CF#661449
- Waikiki Tetradic Color Scheme#218BA0#7722AA#A03623#44AA33#4BC7CF
- Waikiki Monochromatic Color Scheme#041723#125761#218BA0#32BCD1#7ED4E6
More dark teal split-complementary color schemes
- 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 Waikiki?
In a split-complementary scheme: Cherries Jubilee (#A22452), Hot Toddy (#A7752C), Baltic Trench (#125761), Raspberry Sorbet (#D2386C).
What is the hex code of Waikiki?
#218BA0.