Colore con nome · #5C3612
Chocolate Fantasies
Chocolate Fantasies è #5C3612: rgb(92 54 18), hsl(29 67% 22%), oklch(0.372 0.073 60.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Chocolate Fantasies color name →
#5C3612
oklch(0.372 0.073 60.4)
Conversioni di colore
- HEX
- #5c3612
- RGB
- rgb(92 54 18)
- HSL
- hsl(29 67% 22%)
- HWB
- hwb(29 7% 64%)
- OKLCH
- oklch(0.372 0.073 60.4)
- OKLab
- oklab(0.372 0.036 0.064)
- CIE Lab
- lab(26.91 15.07 29)
- LCH
- lch(26.91 32.68 62.5)
- CMYK
- cmyk(0% 41% 80% 64%)
Tinte · Ombre · Toni
Tinte
- 6C482A
- 7B5B40
- 8B6E56
- 9B816D
- AC9584
- BCAA9B
- CDBFB4
- DDD4CC
- EEE9E5
Ombre
- 4F2E0E
- 42250A
- 361E07
- 2A1604
- 1F0F02
- 140801
- 0A0301
- 030100
- 000000
Toni
- 603D1F
- 64452A
- 684C35
- 6B5340
- 6F5B4B
- 736255
- 766A60
- 7A716A
- 7D7875
Armonie di colore
Complementare +180°
- 5C3612
Chocolate Fantasies
- 134563
≈ Forest Blues
Analogo -30° +30°
- 5C3612
Chocolate Fantasies
- 613028
≈ Rookwood Red
- 4F3E05
≈ Xanthophobia
Triadico +120° +240°
- 5C3612
Chocolate Fantasies
- 004C42
≈ Aqua Deep
- 473761
≈ Mulberry Purple
Complementare divisa +150° +210°
- 5C3612
Chocolate Fantasies
- 004953
≈ Midnight Green
- 323E67
≈ Bay of Many
Tetradico +90° +180° +270°
- 5C3612
Chocolate Fantasies
- 1F4B2B
≈ Cal Poly Pomona Green
- 134563
≈ Forest Blues
- 563152
≈ Purple Prose
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.54:1 · APCA Lc 94
Ag
FailSu nero
WCAG 1.99:1 · APCA Lc 8
Miglior colore del testo: #FFFFFF
WCAG 10.54:1 (AAA) · APCA Lc 94
Contrast pairs
Frammenti di codice
CSS
:root {
--chocolate-fantasies: #5c3612;
--chocolate-fantasies-rgb: 92 54 18;
--chocolate-fantasies-oklch: oklch(0.372 0.073 60.4);
}
.element {
color: var(--chocolate-fantasies);
background-color: hsl(29 67% 22%);
border-color: oklch(0.372 0.073 60.4);
}Tailwind CSS v4
@theme {
--color-chocolate-fantasies: #5c3612;
--color-chocolate-fantasies-50: #fff1e0;
--color-chocolate-fantasies-100: #fae3d0;
--color-chocolate-fantasies-200: #ecceb5;
--color-chocolate-fantasies-300: #d3b091;
--color-chocolate-fantasies-400: #bf9572;
--color-chocolate-fantasies-500: #aa7b53;
--color-chocolate-fantasies-600: #906847;
--color-chocolate-fantasies-700: #735338;
--color-chocolate-fantasies-800: #563c28;
--color-chocolate-fantasies-900: #3c291b;
--color-chocolate-fantasies-950: #25170b;
}SCSS
$chocolate-fantasies: #5c3612;
$chocolate-fantasies-rgb: 92, 54, 18;
$chocolate-fantasies-light: mix(#fff, $chocolate-fantasies, 20%);
$chocolate-fantasies-dark: mix(#000, $chocolate-fantasies, 20%);
.element {
color: $chocolate-fantasies;
box-shadow: 0 0 0 2px rgba($chocolate-fantasies, 0.35);
}