Lava Rock Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Lava Rock (#535E64), each snapped to its nearest named color.
#535E64
#70474B
#756D44
#2C3944
#A2646F
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Lava Rock | #535E64 | 83, 94, 100 | 201°, 9%, 36% | 17, 6, 0, 61 | |
| Formal Maroon | #70474B | 112, 71, 75 | 354°, 22%, 36% | 0, 37, 33, 56 | |
| Trim | #756D44 | 117, 109, 68 | 50°, 26%, 36% | 0, 7, 42, 54 | |
| Precision | #2C3944 | 44, 57, 68 | 207°, 21%, 22% | 35, 16, 0, 73 | |
| Dark Sakura | #A2646F | 162, 100, 111 | 349°, 25%, 51% | 0, 38, 31, 36 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #2C3944 on #A2646F | 2.58:1 | — |
| Aa #756D44 on #2C3944 | 2.27:1 | — |
| Aa #535E64 on #2C3944 | 1.78:1 | — |
| Aa #70474B on #A2646F | 1.70:1 | — |
| Aa #70474B on #2C3944 | 1.52:1 | — |
| Aa #70474B on #756D44 | 1.50:1 | — |
CSS variables
:root {
--color-1: #535e64; /* Lava Rock */
--color-2: #70474b; /* Formal Maroon */
--color-3: #756d44; /* Trim */
--color-4: #2c3944; /* Precision */
--color-5: #a2646f; /* Dark Sakura */
}Other schemes from Lava Rock
- Lava Rock Complementary Color Scheme#535E64#7195A6#705446#42342B#AC8674
- Lava Rock Analogous Color Scheme#477050#49716D#535E64#4C4A74#564375
- Lava Rock Triadic Color Scheme#535E64#764663#636F46#7595AB#40243D
- Lava Rock Tetradic Color Scheme#535E64#724770#705446#517345#7595AB
- Lava Rock Monochromatic Color Scheme#0F1012#313739#535E64#74858F#A2AAB3
More Dark Gray split-complementary palettes
- 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 Lava Rock?
In a split-complementary scheme: Formal Maroon (#70474B), Trim (#756D44), Precision (#2C3944), Dark Sakura (#A2646F).
What is the hex code of Lava Rock?
#535E64.