Benannte Farbe · #613936
Umber Brown
Umber Brown ist #613936: rgb(97 57 54), hsl(4 28% 30%), oklch(0.392 0.058 24.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Umber Brown color name →
#613936
oklch(0.392 0.058 24.6)
Farbumrechnungen
- HEX
- #613936
- RGB
- rgb(97 57 54)
- HSL
- hsl(4 28% 30%)
- HWB
- hwb(4 21% 62%)
- OKLCH
- oklch(0.392 0.058 24.6)
- OKLab
- oklab(0.392 0.052 0.024)
- CIE Lab
- lab(28.94 17.95 9.81)
- LCH
- lch(28.94 20.45 28.7)
- CMYK
- cmyk(0% 41% 44% 62%)
Tints · Shades · Tones
Tints
- 704B48
- 805D5A
- 8F706D
- 9F8380
- AF9794
- BEABA9
- CEBFBE
- DED4D3
- EFE9E9
Shades
- 53302E
- 462825
- 391F1E
- 2D1716
- 21100F
- 150908
- 0B0403
- 030101
- 000000
Tones
- 65403D
- 684744
- 6B4E4B
- 6F5553
- 725C5A
- 756361
- 786A69
- 7B7171
- 7D7978
Farbharmonien
Komplementär +180°
- 613936
Umber Brown
- 164E54
≈ Iron Teal
Analog -30° +30°
- 613936
Umber Brown
- 5E3847
≈ Enchantress
- 5E3D27
≈ Bracken
Triadisch +120° +240°
- 613936
Umber Brown
- 324E32
≈ Moselle Green
- 364565
≈ Stay the Night
Geteilt komplementär +150° +210°
- 613936
Umber Brown
- 1E5044
≈ Hunt Club
- 234B60
≈ Arapawa
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.78:1 · APCA Lc 93
Ag
FailAuf Schwarz
WCAG 2.14:1 · APCA Lc 10
Beste Textfarbe: #FFFFFF
WCAG 9.78:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--umber-brown: #613936;
--umber-brown-rgb: 97 57 54;
--umber-brown-oklch: oklch(0.392 0.058 24.6);
}
.element {
color: var(--umber-brown);
background-color: hsl(4 28% 30%);
border-color: oklch(0.392 0.058 24.6);
}Tailwind CSS v4
@theme {
--color-umber-brown: #613936;
--color-umber-brown-50: #ffefec;
--color-umber-brown-100: #fbe1de;
--color-umber-brown-200: #eccbc7;
--color-umber-brown-300: #d4ada8;
--color-umber-brown-400: #be928e;
--color-umber-brown-500: #a97773;
--color-umber-brown-600: #8f6562;
--color-umber-brown-700: #73514e;
--color-umber-brown-800: #553b39;
--color-umber-brown-900: #3b2827;
--color-umber-brown-950: #251615;
}SCSS
$umber-brown: #613936;
$umber-brown-rgb: 97, 57, 54;
$umber-brown-light: mix(#fff, $umber-brown, 20%);
$umber-brown-dark: mix(#000, $umber-brown, 20%);
.element {
color: $umber-brown;
box-shadow: 0 0 0 2px rgba($umber-brown, 0.35);
}