Volcanic Rock Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Volcanic Rock (#6B6965), each snapped to its nearest named color.
#6B6965
#537783
#5C5083
#534931
#77A2AD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Volcanic Rock | #6B6965 | 107, 105, 101 | 40°, 3%, 41% | 0, 2, 6, 58 | 52.1% 0.007 85 | |
| Ocean Current | #537783 | 83, 119, 131 | 195°, 22%, 42% | 37, 9, 0, 49 | 54.7% 0.045 221 | |
| Freshly Purpleized | #5C5083 | 92, 80, 131 | 254°, 24%, 41% | 30, 39, 0, 49 | 46.5% 0.082 294 | |
| Punga | #534931 | 83, 73, 49 | 42°, 26%, 26% | 0, 12, 41, 67 | 40.9% 0.040 88 | |
| Seascape | #77A2AD | 119, 162, 173 | 192°, 25%, 57% | 31, 6, 0, 32 | 68.5% 0.049 215 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #534931 on #77A2AD | 3.19:1 | AA large |
| Aa #5C5083 on #77A2AD | 2.58:1 | — |
| Aa #6B6965 on #77A2AD | 1.97:1 | — |
| Aa #537783 on #534931 | 1.83:1 | — |
| Aa #537783 on #77A2AD | 1.74:1 | — |
| Aa #6B6965 on #534931 | 1.62:1 | — |
CSS variables
:root {
--color-1: #6b6965; /* Volcanic Rock */
--color-2: #537783; /* Ocean Current */
--color-3: #5c5083; /* Freshly Purpleized */
--color-4: #534931; /* Punga */
--color-5: #77a2ad; /* Seascape */
}Other schemes from Volcanic Rock
- Volcanic Rock Complementary Color Scheme#6B6965#B09D7F#4C5E87#2F3C53#818EB1
- Volcanic Rock Analogous Color Scheme#80505D#87544E#6B6965#77824A#5F8151
- Volcanic Rock Triadic Color Scheme#6B6965#50846E#764F82#B2A484#305144
- Volcanic Rock Tetradic Color Scheme#6B6965#498555#4C5E87#824E78#B2A484
- Volcanic Rock Monochromatic Color Scheme#1C1C1A#434340#6B6965#918F8A#B7B5B1
More medium gray split-complementary color schemes
- Abandoned Spaceship Split-complementary Color Scheme#747A8A#9F715F#8C9E5E#445172#B5998E
- Acoustic Brown Split-complementary Color Scheme#766B69#588A79#5A6A8C#5B3D34#7DB39E
- Alley Cat Split-complementary Color Scheme#656874#886150#728A51#343E54#AE8A78
- Aloe Tip Split-complementary Color Scheme#8A9480#6C70A9#A66DA1#647F4A#9D9AC4
- Aluminium Split-complementary Color Scheme#848789#A36A6D#A69D64#476476#C4989E
- Amorous Split-complementary Color Scheme#967D96#8AA56E#70A38D#7F4F78#B3C39C
- Anchovy Split-complementary Color Scheme#756F6B#538B89#565B8D#594537#79AFAD
- Archaeology Split-complementary Color Scheme#6E6A5E#506E82#5C5083#534931#719DA8
- Argent Split-complementary Color Scheme#888888#70A38D#6A8AA4#784848#9BC2B4
- Armour Split-complementary Color Scheme#74857F#9D5A8F#9C675F#416858#B98FAF
- Armoury Split-complementary Color Scheme#6A6B65#4C5E87#764F82#515131#7886AA
- Ashen Whisper Split-complementary Color Scheme#646B7A#8B5E52#868B53#3A405A#B18377
Questions
What colors go with Volcanic Rock?
In a split-complementary scheme: Ocean Current (#537783), Freshly Purpleized (#5C5083), Punga (#534931), Seascape (#77A2AD).
What is the hex code of Volcanic Rock?
#6B6965.