Nächste benannte Farbe · #834B38
#834B38
Nächste benannte Farbe: Nutmeg
#834B38 (rgb(131 75 56), hsl(15 40% 37%), oklch(0.475 0.082 39.4)) liegt am nächsten an der benannten Farbe Nutmeg. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#834B38
oklch(0.475 0.082 39.4)
Farbumrechnungen
- HEX
- #834b38
- RGB
- rgb(131 75 56)
- HSL
- hsl(15 40% 37%)
- HWB
- hwb(15 22% 49%)
- OKLCH
- oklch(0.475 0.082 39.4)
- OKLab
- oklab(0.475 0.063 0.052)
- CIE Lab
- lab(38.43 22.88 22.02)
- LCH
- lch(38.43 31.75 43.9)
- CMYK
- cmyk(0% 43% 57% 49%)
Tints · Shades · Tones
Tints
- 905C4A
- 9C6D5D
- A97E70
- B59083
- C2A297
- CEB4AB
- DAC6C0
- E7D9D4
- F3ECEA
Shades
- 71402F
- 603527
- 4F2B1F
- 3F2117
- 2F170F
- 200E08
- 120604
- 060201
- 010000
Tones
- 83513F
- 845647
- 845C4E
- 846155
- 83665C
- 836B63
- 83716B
- 827672
- 817B79
Farbharmonien
Komplementär +180°
- 834B38
Nutmeg
- 0F667B
≈ World’s Away
Analog -30° +30°
- 834B38
Nutmeg
- 834752
≈ Haunting Melody
- 7A5323
≈ Lizard Brown
Triadisch +120° +240°
- 834B38
Nutmeg
- 2C6A4B
≈ Chopped Chive
- 535789
≈ Rich Violet
Geteilt komplementär +150° +210°
- 834B38
Nutmeg
- 006B66
≈ Chitin Green
- 355F88
≈ Bay Site
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.93:1 · APCA Lc 84
Ag
FailAuf Schwarz
WCAG 3.02:1 · APCA Lc 18
Beste Textfarbe: #FFFFFF
WCAG 6.93:1 (AA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--nutmeg: #834b38;
--nutmeg-rgb: 131 75 56;
--nutmeg-oklch: oklch(0.475 0.082 39.4);
}
.element {
color: var(--nutmeg);
background-color: hsl(15 40% 37%);
border-color: oklch(0.475 0.082 39.4);
}Tailwind CSS v4
@theme {
--color-nutmeg: #834b38;
--color-nutmeg-50: #ffeee3;
--color-nutmeg-100: #ffe0d3;
--color-nutmeg-200: #f4c9ba;
--color-nutmeg-300: #ddaa97;
--color-nutmeg-400: #c98e7a;
--color-nutmeg-500: #b5735d;
--color-nutmeg-600: #99614f;
--color-nutmeg-700: #7b4e3f;
--color-nutmeg-800: #5b382e;
--color-nutmeg-900: #40261f;
--color-nutmeg-950: #28150f;
}SCSS
$nutmeg: #834b38;
$nutmeg-rgb: 131, 75, 56;
$nutmeg-light: mix(#fff, $nutmeg, 20%);
$nutmeg-dark: mix(#000, $nutmeg, 20%);
.element {
color: $nutmeg;
box-shadow: 0 0 0 2px rgba($nutmeg, 0.35);
}