Benannte Farbe · #483C32
Ancient Lavastone
Ancient Lavastone ist #483C32: rgb(72 60 50), hsl(27 18% 24%), oklch(0.366 0.024 61.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Ancient Lavastone color name →
#483C32
oklch(0.366 0.024 61.8)
Farbumrechnungen
- HEX
- #483c32
- RGB
- rgb(72 60 50)
- HSL
- hsl(27 18% 24%)
- HWB
- hwb(27 20% 72%)
- OKLCH
- oklch(0.366 0.024 61.8)
- OKLab
- oklab(0.366 0.011 0.021)
- CIE Lab
- lab(26.37 4.08 8.26)
- LCH
- lch(26.37 9.21 63.7)
- CMYK
- cmyk(0% 17% 31% 72%)
Tints · Shades · Tones
Tints
- 584D44
- 695F56
- 7B716A
- 8D847D
- 9F9892
- B1ACA7
- C4C0BC
- D8D4D2
- EBEAE8
Shades
- 3D332A
- 332A22
- 29211B
- 1F1914
- 16110D
- 0D0A07
- 060403
- 020101
- 000000
Tones
- 4D4239
- 534941
- 585048
- 5E5650
- 635D58
- 696460
- 6F6B68
- 747270
- 7A7978
Farbharmonien
Komplementär +180°
- 483C32
Ancient Lavastone
- 34404A
≈ Big Stone
Analog -30° +30°
- 483C32
Ancient Lavastone
- 4A3A37
≈ Delicioso
- 433E30
≈ Bold Eagle
Triadisch +120° +240°
- 483C32
Ancient Lavastone
- 31433F
≈ Westhaven
- 413C49
≈ Italian Grape
Geteilt komplementär +150° +210°
- 483C32
Ancient Lavastone
- 304246
≈ Deep River Green
- 3A3E4B
≈ Indigo Iron
Tetradisch +90° +180° +270°
- 483C32
Ancient Lavastone
- 364238
≈ Timber Green
- 34404A
≈ Big Stone
- 463A44
≈ Vincotto
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.67:1 · APCA Lc 95
Ag
FailAuf Schwarz
WCAG 1.96:1 · APCA Lc 8
Beste Textfarbe: #FFFFFF
WCAG 10.67:1 (AAA) · APCA Lc 95
Contrast pairs
Code-Snippets
CSS
:root {
--ancient-lavastone: #483c32;
--ancient-lavastone-rgb: 72 60 50;
--ancient-lavastone-oklch: oklch(0.366 0.024 61.8);
}
.element {
color: var(--ancient-lavastone);
background-color: hsl(27 18% 24%);
border-color: oklch(0.366 0.024 61.8);
}Tailwind CSS v4
@theme {
--color-ancient-lavastone: #483c32;
--color-ancient-lavastone-50: #faf4ee;
--color-ancient-lavastone-100: #eee6e0;
--color-ancient-lavastone-200: #dcd2ca;
--color-ancient-lavastone-300: #c0b5ab;
--color-ancient-lavastone-400: #a99c91;
--color-ancient-lavastone-500: #928377;
--color-ancient-lavastone-600: #7c6f64;
--color-ancient-lavastone-700: #635950;
--color-ancient-lavastone-800: #49413a;
--color-ancient-lavastone-900: #322d28;
--color-ancient-lavastone-950: #1e1a16;
}SCSS
$ancient-lavastone: #483c32;
$ancient-lavastone-rgb: 72, 60, 50;
$ancient-lavastone-light: mix(#fff, $ancient-lavastone, 20%);
$ancient-lavastone-dark: mix(#000, $ancient-lavastone, 20%);
.element {
color: $ancient-lavastone;
box-shadow: 0 0 0 2px rgba($ancient-lavastone, 0.35);
}