Nächste benannte Farbe · #894D38
#894D38
Nächste benannte Farbe: Annatto
#894D38 (rgb(137 77 56), hsl(16 42% 38%), oklch(0.487 0.088 39.9)) liegt am nächsten an der benannten Farbe Annatto. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#894D38
oklch(0.487 0.088 39.9)
Farbumrechnungen
- HEX
- #894d38
- RGB
- rgb(137 77 56)
- HSL
- hsl(16 42% 38%)
- HWB
- hwb(16 22% 46%)
- OKLCH
- oklch(0.487 0.088 39.9)
- OKLab
- oklab(0.487 0.067 0.056)
- CIE Lab
- lab(39.79 24.37 23.92)
- LCH
- lch(39.79 34.15 44.5)
- CMYK
- cmyk(0% 44% 59% 46%)
Tints · Shades · Tones
Tints
- 955E4B
- A16F5D
- AE8070
- B99184
- C5A397
- D1B5AB
- DDC7C0
- E8DAD5
- F4ECEA
Shades
- 76422F
- 643727
- 532C1F
- 422217
- 31180F
- 220F08
- 140704
- 070201
- 010000
Tones
- 895240
- 885847
- 885D4E
- 876255
- 87675D
- 866C64
- 85716B
- 837672
- 827B79
Farbharmonien
Komplementär +180°
- 894D38
Annatto
- 046A81
≈ Pilot Blue
Analog -30° +30°
- 894D38
Annatto
- 894954
≈ Currant Jam
- 7F5620
≈ Medium Brown
Triadisch +120° +240°
- 894D38
Annatto
- 296E4E
≈ Precious Emerald
- 565990
≈ Berry Mix
Geteilt komplementär +150° +210°
- 894D38
Annatto
- 006E6A
≈ Pine Scented Lagoon
- 36638F
≈ Mississippi River
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.59:1 · APCA Lc 82
Ag
FailAuf Schwarz
WCAG 3.18:1 · APCA Lc 20
Beste Textfarbe: #FFFFFF
WCAG 6.59:1 (AA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--annatto: #894d38;
--annatto-rgb: 137 77 56;
--annatto-oklch: oklch(0.487 0.088 39.9);
}
.element {
color: var(--annatto);
background-color: hsl(16 42% 38%);
border-color: oklch(0.487 0.088 39.9);
}Tailwind CSS v4
@theme {
--color-annatto: #894d38;
--color-annatto-50: #ffeee2;
--color-annatto-100: #ffdfd2;
--color-annatto-200: #f6c9b7;
--color-annatto-300: #dfa995;
--color-annatto-400: #cc8d77;
--color-annatto-500: #b87159;
--color-annatto-600: #9b604c;
--color-annatto-700: #7c4d3c;
--color-annatto-800: #5c372c;
--color-annatto-900: #41261e;
--color-annatto-950: #29140e;
}SCSS
$annatto: #894d38;
$annatto-rgb: 137, 77, 56;
$annatto-light: mix(#fff, $annatto, 20%);
$annatto-dark: mix(#000, $annatto, 20%);
.element {
color: $annatto;
box-shadow: 0 0 0 2px rgba($annatto, 0.35);
}