Named color · #797371
Gris Volcanico
Gris Volcanico is #797371: rgb(121 115 113), hsl(15 3% 46%), oklch(0.56 0.008 39.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Gris Volcanico color name →
#797371
oklch(0.56 0.008 39.4)
Color conversions
- HEX
- #797371
- RGB
- rgb(121 115 113)
- HSL
- hsl(15 3% 46%)
- HWB
- hwb(15 44% 53%)
- OKLCH
- oklch(0.56 0.008 39.4)
- OKLab
- oklab(0.56 0.006 0.005)
- CIE Lab
- lab(48.94 2.1 1.98)
- LCH
- lch(48.94 2.89 43.3)
- CMYK
- cmyk(0% 5% 7% 53%)
Tints · Shades · Tones
Tints
- 86807E
- 928D8C
- 9F9B99
- ACA9A7
- BAB6B5
- C7C5C4
- D5D3D2
- E3E1E1
- F1F0F0
Shades
- 686361
- 585452
- 484543
- 393635
- 2B2827
- 1D1B1A
- 100F0E
- 050504
- 010101
Tones
- 7A7472
- 7A7674
- 7B7775
- 7C7877
- 7D7978
- 7D7B7A
- 7E7C7B
- 7F7D7D
- 7F7F7E
Color harmonies
Complementary +180°
- 797371
Gris Volcanico
- 707678
≈ Volcanic Ash
Analogous -30° +30°
- 797371
Gris Volcanico
- 797373
≈ Gris Volcanico
- 787470
≈ Rugged Suede
Triadic +120° +240°
- 797371
Gris Volcanico
- 717673
≈ Sandpiper Cove
- 737479
≈ Ground Truth
Split-complementary +150° +210°
- 797371
Gris Volcanico
- 6F7675
≈ Volcanic Ash
- 717579
≈ Rhythm & Blues
Tetradic +90° +180° +270°
- 797371
Gris Volcanico
- 737571
≈ Portland Twilight
- 707678
≈ Volcanic Ash
- 767378
≈ Steel Armour
Contrast & accessibility
Ag
AAOn white
WCAG 4.66:1 · APCA Lc 72
Ag
AAOn black
WCAG 4.50:1 · APCA Lc 29
Best text color: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
Code snippets
CSS
:root {
--gris-volcanico: #797371;
--gris-volcanico-rgb: 121 115 113;
--gris-volcanico-oklch: oklch(0.56 0.008 39.4);
}
.element {
color: var(--gris-volcanico);
background-color: hsl(15 3% 46%);
border-color: oklch(0.56 0.008 39.4);
}Tailwind CSS v4
@theme {
--color-gris-volcanico: #797371;
--color-gris-volcanico-50: #f7f4f3;
--color-gris-volcanico-100: #eae7e6;
--color-gris-volcanico-200: #d7d3d1;
--color-gris-volcanico-300: #bbb6b4;
--color-gris-volcanico-400: #a39d9b;
--color-gris-volcanico-500: #8b8482;
--color-gris-volcanico-600: #76706e;
--color-gris-volcanico-700: #5e5a58;
--color-gris-volcanico-800: #454140;
--color-gris-volcanico-900: #302d2c;
--color-gris-volcanico-950: #1c1a19;
}SCSS
$gris-volcanico: #797371;
$gris-volcanico-rgb: 121, 115, 113;
$gris-volcanico-light: mix(#fff, $gris-volcanico, 20%);
$gris-volcanico-dark: mix(#000, $gris-volcanico, 20%);
.element {
color: $gris-volcanico;
box-shadow: 0 0 0 2px rgba($gris-volcanico, 0.35);
}