Pacific Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Pacific (#24646B), each snapped to its nearest named color.
#24646B
#692746
#694D27
#102C33
#A63864
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Pacific | #24646B | 36, 100, 107 | 186°, 50%, 28% | 66, 7, 0, 58 | 46.6% 0.065 205 | |
| Witch Soup | #692746 | 105, 39, 70 | 332°, 46%, 28% | 0, 63, 33, 59 | 37.9% 0.101 354 | |
| Black Queen | #694D27 | 105, 77, 39 | 35°, 46%, 28% | 0, 27, 63, 59 | 44.2% 0.066 73 | |
| Black Chasm | #102C33 | 16, 44, 51 | 192°, 52%, 13% | 69, 14, 0, 80 | 27.5% 0.036 217 | |
| Valentine’s Day | #A63864 | 166, 56, 100 | 336°, 50%, 44% | 0, 66, 40, 35 | 51.1% 0.150 359 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #102C33 on #A63864 | 2.36:1 | — |
| Aa #24646B on #102C33 | 2.17:1 | — |
| Aa #694D27 on #102C33 | 1.88:1 | — |
| Aa #692746 on #A63864 | 1.70:1 | — |
| Aa #24646B on #692746 | 1.57:1 | — |
| Aa #692746 on #102C33 | 1.38:1 | — |
CSS variables
:root {
--color-1: #24646b; /* Pacific */
--color-2: #692746; /* Witch Soup */
--color-3: #694d27; /* Black Queen */
--color-4: #102c33; /* Black Chasm */
--color-5: #a63864; /* Valentine’s Day */
}Other schemes from Pacific
- Pacific Complementary Color Scheme#24646B#3DA3AE#6F3028#321414#B8473D
- Pacific Analogous Color Scheme#296D23#286848#24646B#21426B#24246D
- Pacific Triadic Color Scheme#24646B#662266#636F22#34ACB1#331133
- Pacific Tetradic Color Scheme#24646B#552367#6F3028#476A30#34ACB1
- Pacific Monochromatic Color Scheme#0F1519#102C33#24646B#3896A7#5DBDCB
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 Pacific?
In a split-complementary scheme: Witch Soup (#692746), Black Queen (#694D27), Black Chasm (#102C33), Valentine’s Day (#A63864).
What is the hex code of Pacific?
#24646B.