Onyx Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Onyx (#464544), each snapped to its nearest named color.
#464544
#355859
#333355
#251B19
#558484
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Onyx | #464544 | 70, 69, 68 | 30°, 1%, 27% | 0, 1, 3, 73 | 39.1% 0.002 68 | |
| Depth Charge | #355859 | 53, 88, 89 | 182°, 25%, 28% | 40, 1, 0, 65 | 43.4% 0.041 198 | |
| Haunted Dreams | #333355 | 51, 51, 85 | 240°, 25%, 27% | 40, 40, 0, 67 | 33.8% 0.059 283 | |
| Dark Orchestra | #251B19 | 37, 27, 25 | 10°, 19%, 12% | 0, 27, 32, 85 | 23.4% 0.016 31 | |
| Rainier Blue | #558484 | 85, 132, 132 | 180°, 22%, 43% | 36, 0, 0, 48 | 58.0% 0.051 196 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #251B19 on #558484 | 4.02:1 | AA large |
| Aa #333355 on #558484 | 2.88:1 | — |
| Aa #464544 on #558484 | 2.29:1 | — |
| Aa #355859 on #251B19 | 2.15:1 | — |
| Aa #355859 on #558484 | 1.87:1 | — |
| Aa #464544 on #251B19 | 1.76:1 | — |
CSS variables
:root {
--color-1: #464544; /* Onyx */
--color-2: #355859; /* Depth Charge */
--color-3: #333355; /* Haunted Dreams */
--color-4: #251b19; /* Dark Orchestra */
--color-5: #558484; /* Rainier Blue */
}Other schemes from Onyx
- Onyx Complementary Color Scheme#464544#927257#354655#181B26#597695
- Onyx Analogous Color Scheme#563342#553333#464544#585538#445533
- Onyx Triadic Color Scheme#464544#395643#473854#967859#12221D
- Onyx Tetradic Color Scheme#464544#305D35#354655#543254#967859
- Onyx Monochromatic Color Scheme#0F0F0F#1F1C1D#464544#6C6B6A#929291
More dark gray split-complementary color schemes
- After Dark Split-complementary Color Scheme#3C3535#2D4436#293947#14100E#4C785C
- After Midnight Split-complementary Color Scheme#38393F#4A352B#434C28#0C121B#775C47
- All Nighter Split-complementary Color Scheme#455454#60394D#604938#193232#8F5973
- Ancient Pine Split-complementary Color Scheme#444B43#473854#59354A#1B2B1B#6A5287
- Armadillo Split-complementary Color Scheme#484A46#33365B#5A395B#21211D#4E518B
- Arsenic Split-complementary Color Scheme#3B444B#553333#515131#181B26#864C52
- Artist’s Charcoal Split-complementary Color Scheme#37393E#4A352B#434C28#0C121B#7B5349
- Bark Split-complementary Color Scheme#5F5854#456F6E#43456D#433120#67A195
- Black Forest Split-complementary Color Scheme#5E6354#445172#674876#37412A#696BA0
- Black Magic Split-complementary Color Scheme#4F4554#576238#336644#2E183B#898E58
- Black Olive Split-complementary Color Scheme#3B3C36#2B3448#382B46#16160E#475877
- Black Orchid Split-complementary Color Scheme#525463#705446#636F46#2A2B41#A17D61
Questions
What colors go with Onyx?
In a split-complementary scheme: Depth Charge (#355859), Haunted Dreams (#333355), Dark Orchestra (#251B19), Rainier Blue (#558484).
What is the hex code of Onyx?
#464544.