Nazwany kolor · #5E2912
Hot Fudge
Hot Fudge to #5E2912: rgb(94 41 18), hsl(18 68% 22%), oklch(0.351 0.085 42.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Hot Fudge color name →
#5E2912
oklch(0.351 0.085 42.5)
Konwersje koloru
- HEX
- #5e2912
- RGB
- rgb(94 41 18)
- HSL
- hsl(18 68% 22%)
- HWB
- hwb(18 7% 63%)
- OKLCH
- oklch(0.351 0.085 42.5)
- OKLab
- oklab(0.351 0.063 0.057)
- CIE Lab
- lab(24.05 23.5 26.36)
- LCH
- lch(24.05 35.31 48.3)
- CMYK
- cmyk(0% 56% 81% 63%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6E3D29
- 7E513F
- 8E6555
- 9E7A6B
- AE8F83
- BEA49A
- CFBBB3
- DFD1CC
- EFE8E5
Odcienie ciemniejsze
- 51220E
- 441C0A
- 371507
- 2B0F04
- 1F0902
- 140501
- 0A0201
- 030100
- 000000
Tony
- 62321E
- 663B29
- 6A4434
- 6E4C3F
- 715549
- 755D54
- 78665F
- 7B6F6A
- 7D7775
Harmonie kolorów
Komplementarna +180°
- 5E2912
Hot Fudge
- 004253
≈ Crab Nebula
Analogowa -30° +30°
- 5E2912
Hot Fudge
- 5F252E
≈ Blackberry Pie
- 523300
≈ Eyelash Camel
Triada +120° +240°
- 5E2912
Hot Fudge
- 00472F
≈ Alaskan Moss
- 353365
≈ Deep Koamaru
Komplementarna rozszczepiona +150° +210°
- 5E2912
Hot Fudge
- 004443
≈ Dark Side
- 143C65
≈ Poseidon
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 11.65:1 · APCA Lc 96
Ag
FailNa czerni
WCAG 1.80:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 11.65:1 (AAA) · APCA Lc 96
Contrast pairs
Fragmenty kodu
CSS
:root {
--hot-fudge: #5e2912;
--hot-fudge-rgb: 94 41 18;
--hot-fudge-oklch: oklch(0.351 0.085 42.5);
}
.element {
color: var(--hot-fudge);
background-color: hsl(18 68% 22%);
border-color: oklch(0.351 0.085 42.5);
}Tailwind CSS v4
@theme {
--color-hot-fudge: #5e2912;
--color-hot-fudge-50: #ffeee2;
--color-hot-fudge-100: #ffe0d1;
--color-hot-fudge-200: #f5cab7;
--color-hot-fudge-300: #ddaa94;
--color-hot-fudge-400: #ca8e76;
--color-hot-fudge-500: #b67358;
--color-hot-fudge-600: #99614b;
--color-hot-fudge-700: #7b4e3c;
--color-hot-fudge-800: #5b382b;
--color-hot-fudge-900: #40261d;
--color-hot-fudge-950: #29150d;
}SCSS
$hot-fudge: #5e2912;
$hot-fudge-rgb: 94, 41, 18;
$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);
}