Benannte Farbe · #964E02
Warm Brown
Warm Brown ist #964E02: rgb(150 78 2), hsl(31 97% 30%), oklch(0.502 0.121 56.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Warm Brown color name →
#964E02
oklch(0.502 0.121 56.6)
Farbumrechnungen
- HEX
- #964e02
- RGB
- rgb(150 78 2)
- HSL
- hsl(31 97% 30%)
- HWB
- hwb(31 1% 41%)
- OKLCH
- oklch(0.502 0.121 56.6)
- OKLab
- oklab(0.502 0.067 0.101)
- CIE Lab
- lab(41.61 27.8 50.41)
- LCH
- lch(41.61 57.57 61.1)
- CMYK
- cmyk(0% 48% 99% 41%)
Tints · Shades · Tones
Tints
- A15F2A
- AD7144
- B7825B
- C29472
- CDA589
- D7B7A0
- E1C9B8
- EBDBCF
- F5EDE7
Shades
- 824301
- 6E3801
- 5B2D01
- 492300
- 371900
- 260F00
- 160700
- 080200
- 010000
Tones
- 95541C
- 93592C
- 915F39
- 906444
- 8D694F
- 8B6E59
- 897263
- 86776D
- 837C76
Farbharmonien
Komplementär +180°
- 964E02
Warm Brown
- 006C99
≈ Disarm
Analog -30° +30°
- 964E02
Warm Brown
- 9D443D
≈ Chilli Oil
- 7D5F00
≈ Ground Earth
Triadisch +120° +240°
- 964E02
Warm Brown
- 007562
≈ Tropical Rainforest
- 6B53A0
≈ Sumire Violet
Geteilt komplementär +150° +210°
- 964E02
Warm Brown
- 00717C
≈ Iridescent Peacock
- 445FA9
≈ Kakitsubata Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.19:1 · APCA Lc 80
Ag
FailAuf Schwarz
WCAG 3.38:1 · APCA Lc 21
Beste Textfarbe: #FFFFFF
WCAG 6.19:1 (AA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--warm-brown: #964e02;
--warm-brown-rgb: 150 78 2;
--warm-brown-oklch: oklch(0.502 0.121 56.6);
}
.element {
color: var(--warm-brown);
background-color: hsl(31 97% 30%);
border-color: oklch(0.502 0.121 56.6);
}Tailwind CSS v4
@theme {
--color-warm-brown: #964e02;
--color-warm-brown-50: #ffeed4;
--color-warm-brown-100: #ffdfc1;
--color-warm-brown-200: #fcc8a1;
--color-warm-brown-300: #e6a878;
--color-warm-brown-400: #d48b53;
--color-warm-brown-500: #c16e26;
--color-warm-brown-600: #a35e23;
--color-warm-brown-700: #834b1c;
--color-warm-brown-800: #623513;
--color-warm-brown-900: #45240c;
--color-warm-brown-950: #2c1301;
}SCSS
$warm-brown: #964e02;
$warm-brown-rgb: 150, 78, 2;
$warm-brown-light: mix(#fff, $warm-brown, 20%);
$warm-brown-dark: mix(#000, $warm-brown, 20%);
.element {
color: $warm-brown;
box-shadow: 0 0 0 2px rgba($warm-brown, 0.35);
}