Benannte Farbe · #8F423D
Nandi Bear
Nandi Bear ist #8F423D: rgb(143 66 61), hsl(4 40% 40%), oklch(0.478 0.106 25.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Nandi Bear color name →
#8F423D
oklch(0.478 0.106 25.6)
Farbumrechnungen
- HEX
- #8f423d
- RGB
- rgb(143 66 61)
- HSL
- hsl(4 40% 40%)
- HWB
- hwb(4 24% 44%)
- OKLCH
- oklch(0.478 0.106 25.6)
- OKLab
- oklab(0.478 0.095 0.046)
- CIE Lab
- lab(38.38 32.99 19.37)
- LCH
- lch(38.38 38.26 30.4)
- CMYK
- cmyk(0% 54% 57% 44%)
Tints · Shades · Tones
Tints
- 9B544F
- A76761
- B37973
- BF8C86
- CA9E99
- D5B1AD
- E0C4C1
- EAD8D5
- F5EBEA
Shades
- 7C3834
- 692F2B
- 572522
- 451C1A
- 341412
- 240B0A
- 150504
- 070101
- 010000
Tones
- 8F4944
- 8E504A
- 8D5651
- 8C5C58
- 8B635E
- 896965
- 876F6C
- 857473
- 837A79
Farbharmonien
Komplementär +180°
- 8F423D
Nandi Bear
- 006A73
≈ Kingfisher Bright
Analog -30° +30°
- 8F423D
Nandi Bear
- 8A415F
≈ Putnam Plum
- 894A16
≈ Brown Eyed Girl
Triadisch +120° +240°
- 8F423D
Nandi Bear
- 306C36
≈ San Felix
- 405A98
≈ Blue Dahlia
Geteilt komplementär +150° +210°
- 8F423D
Nandi Bear
- 006D5B
≈ Teal Dark Green
- 00658E
≈ Kingfisher Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.96:1 · APCA Lc 84
Ag
FailAuf Schwarz
WCAG 3.01:1 · APCA Lc 18
Beste Textfarbe: #FFFFFF
WCAG 6.96:1 (AA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--nandi-bear: #8f423d;
--nandi-bear-rgb: 143 66 61;
--nandi-bear-oklch: oklch(0.478 0.106 25.6);
}
.element {
color: var(--nandi-bear);
background-color: hsl(4 40% 40%);
border-color: oklch(0.478 0.106 25.6);
}Tailwind CSS v4
@theme {
--color-nandi-bear: #8f423d;
--color-nandi-bear-50: #ffeae5;
--color-nandi-bear-100: #ffdbd5;
--color-nandi-bear-200: #fec4bc;
--color-nandi-bear-300: #e9a39a;
--color-nandi-bear-400: #d6857e;
--color-nandi-bear-500: #c26861;
--color-nandi-bear-600: #a45953;
--color-nandi-bear-700: #844742;
--color-nandi-bear-800: #623330;
--color-nandi-bear-900: #452221;
--color-nandi-bear-950: #2c1110;
}SCSS
$nandi-bear: #8f423d;
$nandi-bear-rgb: 143, 66, 61;
$nandi-bear-light: mix(#fff, $nandi-bear, 20%);
$nandi-bear-dark: mix(#000, $nandi-bear, 20%);
.element {
color: $nandi-bear;
box-shadow: 0 0 0 2px rgba($nandi-bear, 0.35);
}