Benannte Farbe · #4B4433
Limonite Brown
Limonite Brown ist #4B4433: rgb(75 68 51), hsl(42 19% 25%), oklch(0.389 0.029 88.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Limonite Brown color name →
#4B4433
oklch(0.389 0.029 88.3)
Farbumrechnungen
- HEX
- #4b4433
- RGB
- rgb(75 68 51)
- HSL
- hsl(42 19% 25%)
- HWB
- hwb(42 20% 71%)
- OKLCH
- oklch(0.389 0.029 88.3)
- OKLab
- oklab(0.389 0.001 0.029)
- CIE Lab
- lab(29.18 0.78 11.48)
- LCH
- lch(29.18 11.5 86.1)
- CMYK
- cmyk(0% 9% 32% 71%)
Tints · Shades · Tones
Tints
- 5B5545
- 6C6658
- 7D786B
- 8E8A7E
- A09C93
- B3AFA8
- C5C3BD
- D8D6D2
- EBEBE9
Shades
- 403A2B
- 353023
- 2B261C
- 211D14
- 17140D
- 0E0C07
- 060503
- 020201
- 000000
Tones
- 504A3A
- 555042
- 5A5549
- 605B51
- 656159
- 6A6760
- 706D68
- 757470
- 7A7A78
Farbharmonien
Komplementär +180°
- 4B4433
Limonite Brown
- 3E4455
≈ Marshal Blue
Analog -30° +30°
- 4B4433
Limonite Brown
- 514135
≈ Nutria Fur Brown
- 434735
≈ Country House Green
Triadisch +120° +240°
- 4B4433
Limonite Brown
- 32494D
≈ Pallasite Blue
- 4D3F4D
≈ Stone Violet
Geteilt komplementär +150° +210°
- 4B4433
Limonite Brown
- 364753
≈ Surf’n’dive
- 464152
≈ Jazlyn
Tetradisch +90° +180° +270°
- 4B4433
Limonite Brown
- 344A45
≈ Rich Grey Turquoise
- 3E4455
≈ Marshal Blue
- 523E44
≈ Sparrow Grey Red
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.66:1 · APCA Lc 92
Ag
FailAuf Schwarz
WCAG 2.17:1 · APCA Lc 10
Beste Textfarbe: #FFFFFF
WCAG 9.66:1 (AAA) · APCA Lc 92
Contrast pairs
Code-Snippets
CSS
:root {
--limonite-brown: #4b4433;
--limonite-brown-rgb: 75 68 51;
--limonite-brown-oklch: oklch(0.389 0.029 88.3);
}
.element {
color: var(--limonite-brown);
background-color: hsl(42 19% 25%);
border-color: oklch(0.389 0.029 88.3);
}Tailwind CSS v4
@theme {
--color-limonite-brown: #4b4433;
--color-limonite-brown-50: #f8f5ec;
--color-limonite-brown-100: #ebe8dd;
--color-limonite-brown-200: #d9d4c7;
--color-limonite-brown-300: #bdb7a7;
--color-limonite-brown-400: #a59e8c;
--color-limonite-brown-500: #8e8571;
--color-limonite-brown-600: #787160;
--color-limonite-brown-700: #605a4c;
--color-limonite-brown-800: #474237;
--color-limonite-brown-900: #312d26;
--color-limonite-brown-950: #1d1a14;
}SCSS
$limonite-brown: #4b4433;
$limonite-brown-rgb: 75, 68, 51;
$limonite-brown-light: mix(#fff, $limonite-brown, 20%);
$limonite-brown-dark: mix(#000, $limonite-brown, 20%);
.element {
color: $limonite-brown;
box-shadow: 0 0 0 2px rgba($limonite-brown, 0.35);
}