Benannte Farbe · #535E64
Lava Rock
Lava Rock ist #535E64: rgb(83 94 100), hsl(201 9% 36%), oklch(0.475 0.017 231.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Lava Rock color name →
#535E64
oklch(0.475 0.017 231.5)
Farbumrechnungen
- HEX
- #535e64
- RGB
- rgb(83 94 100)
- HSL
- hsl(201 9% 36%)
- HWB
- hwb(201 33% 61%)
- OKLCH
- oklch(0.475 0.017 231.5)
- OKLab
- oklab(0.475 -0.01 -0.013)
- CIE Lab
- lab(39.11 -3.36 -4.97)
- LCH
- lch(39.11 5.99 235.9)
- CMYK
- cmyk(17% 6% 0% 61%)
Tints · Shades · Tones
Tints
- 636D72
- 737C81
- 838B90
- 949B9F
- A5ABAE
- B6BBBE
- C8CCCE
- DADDDE
- ECEEEE
Shades
- 475156
- 3B4448
- 30373B
- 252B2E
- 1B1F22
- 111416
- 080A0B
- 020303
- 000000
Tones
- 576167
- 5C656A
- 60686C
- 656B6F
- 696F72
- 6E7275
- 727678
- 77797A
- 7B7D7D
Farbharmonien
Komplementär +180°
- 535E64
Lava Rock
- 645A54
≈ Wood Acres
Analog -30° +30°
- 535E64
Lava Rock
- 525F60
≈ Limousine Grey Blue
- 575C66
≈ Turbulence
Triadisch +120° +240°
- 535E64
Lava Rock
- 64585D
≈ Mauve Brown
- 5C5D52
≈ Black Bamboo
Geteilt komplementär +150° +210°
- 535E64
Lava Rock
- 655958
≈ Louisiana Mud
- 615B52
≈ Ironclad
Tetradisch +90° +180° +270°
- 535E64
Lava Rock
- 615962
≈ Mauve Brown
- 645A54
≈ Wood Acres
- 575F56
≈ Jasper Green
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.66:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 3.15:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.66:1 (AA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--lava-rock: #535e64;
--lava-rock-rgb: 83 94 100;
--lava-rock-oklch: oklch(0.475 0.017 231.5);
}
.element {
color: var(--lava-rock);
background-color: hsl(201 9% 36%);
border-color: oklch(0.475 0.017 231.5);
}Tailwind CSS v4
@theme {
--color-lava-rock: #535e64;
--color-lava-rock-50: #f1f6f9;
--color-lava-rock-100: #e3e9ed;
--color-lava-rock-200: #ced6da;
--color-lava-rock-300: #afb9bf;
--color-lava-rock-400: #95a0a7;
--color-lava-rock-500: #7c888f;
--color-lava-rock-600: #697379;
--color-lava-rock-700: #545c61;
--color-lava-rock-800: #3d4447;
--color-lava-rock-900: #2a2f31;
--color-lava-rock-950: #171b1d;
}SCSS
$lava-rock: #535e64;
$lava-rock-rgb: 83, 94, 100;
$lava-rock-light: mix(#fff, $lava-rock, 20%);
$lava-rock-dark: mix(#000, $lava-rock, 20%);
.element {
color: $lava-rock;
box-shadow: 0 0 0 2px rgba($lava-rock, 0.35);
}