Benannte Farbe · #483C30
Taupe Brown
Taupe Brown ist #483C30: rgb(72 60 48), hsl(30 20% 24%), oklch(0.365 0.026 66.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Taupe Brown color name →
#483C30
oklch(0.365 0.026 66.9)
Farbumrechnungen
- HEX
- #483c30
- RGB
- rgb(72 60 48)
- HSL
- hsl(30 20% 24%)
- HWB
- hwb(30 19% 72%)
- OKLCH
- oklch(0.365 0.026 66.9)
- OKLab
- oklab(0.365 0.01 0.024)
- CIE Lab
- lab(26.33 3.84 9.5)
- LCH
- lch(26.33 10.25 68)
- CMYK
- cmyk(0% 17% 33% 72%)
Tints · Shades · Tones
Tints
- 584D42
- 695F55
- 7B7168
- 8D847C
- 9F9891
- B1ACA6
- C4C0BC
- D8D5D2
- EBEAE8
Shades
- 3D3328
- 332A21
- 29211A
- 1F1913
- 16110C
- 0D0A06
- 060403
- 020101
- 000000
Tones
- 4D4238
- 53493F
- 585047
- 5E564F
- 635D57
- 69645F
- 6F6B67
- 74726F
- 7A7978
Farbharmonien
Komplementär +180°
- 483C30
Taupe Brown
- 34404C
≈ Deepsea Core
Analog -30° +30°
- 483C30
Taupe Brown
- 4B3A35
≈ Delicioso
- 423F2F
≈ I R Dark Green
Triadisch +120° +240°
- 483C30
Taupe Brown
- 2F4341
≈ Deep River Green
- 423B49
≈ Italian Grape
Geteilt komplementär +150° +210°
- 483C30
Taupe Brown
- 2F4247
≈ Big Stone
- 3B3D4C
≈ India Ink
Tetradisch +90° +180° +270°
- 483C30
Taupe Brown
- 334339
≈ Timber Green
- 34404C
≈ Deepsea Core
- 483944
≈ Vincotto
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.68:1 · APCA Lc 95
Ag
FailAuf Schwarz
WCAG 1.96:1 · APCA Lc 8
Beste Textfarbe: #FFFFFF
WCAG 10.68:1 (AAA) · APCA Lc 95
Contrast pairs
Code-Snippets
CSS
:root {
--taupe-brown: #483c30;
--taupe-brown-rgb: 72 60 48;
--taupe-brown-oklch: oklch(0.365 0.026 66.9);
}
.element {
color: var(--taupe-brown);
background-color: hsl(30 20% 24%);
border-color: oklch(0.365 0.026 66.9);
}Tailwind CSS v4
@theme {
--color-taupe-brown: #483c30;
--color-taupe-brown-50: #faf4ed;
--color-taupe-brown-100: #eee6df;
--color-taupe-brown-200: #dcd2c9;
--color-taupe-brown-300: #c0b5aa;
--color-taupe-brown-400: #a99c8f;
--color-taupe-brown-500: #928374;
--color-taupe-brown-600: #7c6f63;
--color-taupe-brown-700: #63594f;
--color-taupe-brown-800: #494139;
--color-taupe-brown-900: #332d27;
--color-taupe-brown-950: #1e1a15;
}SCSS
$taupe-brown: #483c30;
$taupe-brown-rgb: 72, 60, 48;
$taupe-brown-light: mix(#fff, $taupe-brown, 20%);
$taupe-brown-dark: mix(#000, $taupe-brown, 20%);
.element {
color: $taupe-brown;
box-shadow: 0 0 0 2px rgba($taupe-brown, 0.35);
}