Nächste benannte Farbe · #896454
#896454
Nächste benannte Farbe: Acorn
#896454 (rgb(137 100 84), hsl(18 24% 43%), oklch(0.537 0.054 44.4)) liegt am nächsten an der benannten Farbe Acorn. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#896454
oklch(0.537 0.054 44.4)
Farbumrechnungen
- HEX
- #896454
- RGB
- rgb(137 100 84)
- HSL
- hsl(18 24% 43%)
- HWB
- hwb(18 33% 46%)
- OKLCH
- oklch(0.537 0.054 44.4)
- OKLab
- oklab(0.537 0.039 0.038)
- CIE Lab
- lab(45.96 13.76 15.27)
- LCH
- lch(45.96 20.55 48)
- CMYK
- cmyk(0% 27% 39% 46%)
Tints · Shades · Tones
Tints
- 957264
- A08174
- AC9084
- B89F95
- C3AFA6
- CFBEB7
- DBCEC9
- E7DEDB
- F3EFED
Shades
- 765648
- 64483C
- 533B31
- 422E26
- 31221B
- 221611
- 140B08
- 070302
- 010000
Tones
- 886758
- 886A5D
- 876D61
- 866F66
- 85726A
- 84756F
- 837873
- 827B77
- 817D7C
Farbharmonien
Komplementär +180°
- 896454
Acorn
- 4A7585
≈ Night Train
Analog -30° +30°
- 896454
Acorn
- 8A6164
≈ Grenache
- 81694A
≈ Golden Summer
Triadisch +120° +240°
- 896454
Acorn
- 4F7866
≈ Kendal Green
- 6A6A8D
≈ Wild Wisteria
Geteilt komplementär +150° +210°
- 896454
Acorn
- 467877
≈ Tropical Rain
- 58708D
≈ Porch Song
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.23:1 · APCA Lc 76
Ag
FailAuf Schwarz
WCAG 4.01:1 · APCA Lc 26
Beste Textfarbe: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--acorn: #896454;
--acorn-rgb: 137 100 84;
--acorn-oklch: oklch(0.537 0.054 44.4);
}
.element {
color: var(--acorn);
background-color: hsl(18 24% 43%);
border-color: oklch(0.537 0.054 44.4);
}Tailwind CSS v4
@theme {
--color-acorn: #896454;
--color-acorn-50: #fff1e8;
--color-acorn-100: #f8e3d9;
--color-acorn-200: #e9cec1;
--color-acorn-300: #d0b0a0;
--color-acorn-400: #bb9585;
--color-acorn-500: #a57b69;
--color-acorn-600: #8c6859;
--color-acorn-700: #705347;
--color-acorn-800: #533c34;
--color-acorn-900: #3a2923;
--color-acorn-950: #241712;
}SCSS
$acorn: #896454;
$acorn-rgb: 137, 100, 84;
$acorn-light: mix(#fff, $acorn, 20%);
$acorn-dark: mix(#000, $acorn, 20%);
.element {
color: $acorn;
box-shadow: 0 0 0 2px rgba($acorn, 0.35);
}