Nächste benannte Farbe · #5E2B14
#5E2B14
Nächste benannte Farbe: Hot Fudge
#5E2B14 (rgb(94 43 20), hsl(19 65% 22%), oklch(0.354 0.082 43.4)) liegt am nächsten an der benannten Farbe Hot Fudge. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#5E2B14
oklch(0.354 0.082 43.4)
Farbumrechnungen
- HEX
- #5e2b14
- RGB
- rgb(94 43 20)
- HSL
- hsl(19 65% 22%)
- HWB
- hwb(19 8% 63%)
- OKLCH
- oklch(0.354 0.082 43.4)
- OKLab
- oklab(0.354 0.06 0.056)
- CIE Lab
- lab(24.53 22.46 25.69)
- LCH
- lch(24.53 34.12 48.8)
- CMYK
- cmyk(0% 54% 79% 63%)
Tints · Shades · Tones
Tints
- 6E3F2A
- 7E5240
- 8E6656
- 9E7B6C
- AE9083
- BEA59B
- CEBBB3
- DFD1CC
- EFE8E5
Shades
- 512410
- 441D0C
- 371608
- 2B1005
- 1F0A03
- 140501
- 0A0201
- 030100
- 000000
Tones
- 623420
- 663C2B
- 6A4535
- 6E4D40
- 71564A
- 755E55
- 78665F
- 7B6F6A
- 7D7775
Farbharmonien
Komplementär +180°
- 5E2B14
Hot Fudge
- 004355
≈ Crab Nebula
Analog -30° +30°
- 5E2B14
Hot Fudge
- 5F272F
≈ Blackberry Pie
- 533400
≈ Eyelash Camel
Triadisch +120° +240°
- 5E2B14
Hot Fudge
- 004830
≈ Alaskan Moss
- 373565
≈ Deep Koamaru
Geteilt komplementär +150° +210°
- 5E2B14
Hot Fudge
- 004545
≈ Dark Side
- 193D65
≈ Blue Opal
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.46:1 · APCA Lc 96
Ag
FailAuf Schwarz
WCAG 1.83:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 11.46:1 (AAA) · APCA Lc 96
Contrast pairs
Code-Snippets
CSS
:root {
--hot-fudge: #5e2b14;
--hot-fudge-rgb: 94 43 20;
--hot-fudge-oklch: oklch(0.354 0.082 43.4);
}
.element {
color: var(--hot-fudge);
background-color: hsl(19 65% 22%);
border-color: oklch(0.354 0.082 43.4);
}Tailwind CSS v4
@theme {
--color-hot-fudge: #5e2b14;
--color-hot-fudge-50: #ffefe2;
--color-hot-fudge-100: #ffe0d2;
--color-hot-fudge-200: #f3cab8;
--color-hot-fudge-300: #dcab95;
--color-hot-fudge-400: #c88f77;
--color-hot-fudge-500: #b47459;
--color-hot-fudge-600: #98624c;
--color-hot-fudge-700: #7a4e3c;
--color-hot-fudge-800: #5b392c;
--color-hot-fudge-900: #3f271d;
--color-hot-fudge-950: #28150d;
}SCSS
$hot-fudge: #5e2b14;
$hot-fudge-rgb: 94, 43, 20;
$hot-fudge-light: mix(#fff, $hot-fudge, 20%);
$hot-fudge-dark: mix(#000, $hot-fudge, 20%);
.element {
color: $hot-fudge;
box-shadow: 0 0 0 2px rgba($hot-fudge, 0.35);
}