Benannte Farbe · #5A4D41
Rock
Rock ist #5A4D41: rgb(90 77 65), hsl(29 16% 30%), oklch(0.43 0.026 64.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Rock color name →
#5A4D41
oklch(0.43 0.026 64.8)
Farbumrechnungen
- HEX
- #5a4d41
- RGB
- rgb(90 77 65)
- HSL
- hsl(29 16% 30%)
- HWB
- hwb(29 25% 65%)
- OKLCH
- oklch(0.43 0.026 64.8)
- OKLab
- oklab(0.43 0.011 0.023)
- CIE Lab
- lab(33.81 4.05 9.26)
- LCH
- lch(33.81 10.11 66.4)
- CMYK
- cmyk(0% 14% 28% 65%)
Tints · Shades · Tones
Tints
- 695D52
- 796E63
- 887E75
- 989088
- A9A19B
- BAB4AE
- CBC6C2
- DCD9D6
- EDECEA
Shades
- 4D4237
- 41372E
- 352C25
- 29221C
- 1E1813
- 130F0B
- 090705
- 030201
- 000000
Tones
- 5E5247
- 62574D
- 655C53
- 69615A
- 6D6660
- 716B66
- 74706D
- 787673
- 7C7B79
Farbharmonien
Komplementär +180°
- 5A4D41
Rock
- 44525D
≈ Nightfall
Analog -30° +30°
- 5A4D41
Rock
- 5D4B46
≈ Mustang
- 545040
≈ Forest Floor
Triadisch +120° +240°
- 5A4D41
Rock
- 405551
≈ Sycamore Tree
- 534C5B
≈ Mulled Wine
Geteilt komplementär +150° +210°
- 5A4D41
Rock
- 405459
≈ Casal
- 4B4F5E
≈ Odyssey Grey
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.16:1 · APCA Lc 88
Ag
FailAuf Schwarz
WCAG 2.57:1 · APCA Lc 14
Beste Textfarbe: #FFFFFF
WCAG 8.16:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--rock: #5a4d41;
--rock-rgb: 90 77 65;
--rock-oklch: oklch(0.43 0.026 64.8);
}
.element {
color: var(--rock);
background-color: hsl(29 16% 30%);
border-color: oklch(0.43 0.026 64.8);
}Tailwind CSS v4
@theme {
--color-rock: #5a4d41;
--color-rock-50: #faf4ed;
--color-rock-100: #eee6df;
--color-rock-200: #dcd2c9;
--color-rock-300: #c1b5aa;
--color-rock-400: #aa9c8f;
--color-rock-500: #938375;
--color-rock-600: #7c6f63;
--color-rock-700: #63594f;
--color-rock-800: #494139;
--color-rock-900: #332c27;
--color-rock-950: #1e1a15;
}SCSS
$rock: #5a4d41;
$rock-rgb: 90, 77, 65;
$rock-light: mix(#fff, $rock, 20%);
$rock-dark: mix(#000, $rock, 20%);
.element {
color: $rock;
box-shadow: 0 0 0 2px rgba($rock, 0.35);
}