Colore con nome · #665134
Wild Chocolate
Wild Chocolate è #665134: rgb(102 81 52), hsl(35 32% 30%), oklch(0.449 0.051 74.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Wild Chocolate color name →
#665134
oklch(0.449 0.051 74.8)
Conversioni di colore
- HEX
- #665134
- RGB
- rgb(102 81 52)
- HSL
- hsl(35 32% 30%)
- HWB
- hwb(35 20% 60%)
- OKLCH
- oklch(0.449 0.051 74.8)
- OKLab
- oklab(0.449 0.013 0.05)
- CIE Lab
- lab(36.11 5.96 20.51)
- LCH
- lch(36.11 21.36 73.8)
- CMYK
- cmyk(0% 21% 49% 60%)
Tinte · Ombre · Toni
Tinte
- 746147
- 83715A
- 92826D
- A19381
- B0A495
- BFB6A9
- CFC8BE
- DFDAD3
- EFECE9
Ombre
- 58452C
- 4A3A24
- 3C2F1C
- 2F2415
- 231A0E
- 171007
- 0C0703
- 040201
- 000000
Toni
- 69563C
- 6B5A43
- 6E5F4B
- 716453
- 73685A
- 766D62
- 787269
- 7B7771
- 7D7B78
Armonie di colore
Complementare +180°
- 665134
Wild Chocolate
- 415771
≈ Hidden Sapphire
Analogo -30° +30°
- 665134
Wild Chocolate
- 6D4C3D
≈ Fondue Fudge
- 595734
≈ Maze
Triadico +120° +240°
- 665134
Wild Chocolate
- 2F5E5E
≈ Calypso Green
- 604C69
≈ Futaai Indigo
Complementare divisa +150° +210°
- 665134
Wild Chocolate
- 335B6B
≈ Quiet Storm
- 525171
≈ Deep Orchid
Tetradico +90° +180° +270°
- 665134
Wild Chocolate
- 385E4E
≈ Amish Green
- 415771
≈ Hidden Sapphire
- 6A4A5C
≈ Magos
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.52:1 · APCA Lc 86
Ag
FailSu nero
WCAG 2.79:1 · APCA Lc 16
Miglior colore del testo: #FFFFFF
WCAG 7.52:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--wild-chocolate: #665134;
--wild-chocolate-rgb: 102 81 52;
--wild-chocolate-oklch: oklch(0.449 0.051 74.8);
}
.element {
color: var(--wild-chocolate);
background-color: hsl(35 32% 30%);
border-color: oklch(0.449 0.051 74.8);
}Tailwind CSS v4
@theme {
--color-wild-chocolate: #665134;
--color-wild-chocolate-50: #fef4e5;
--color-wild-chocolate-100: #f2e6d5;
--color-wild-chocolate-200: #e1d2bc;
--color-wild-chocolate-300: #c7b59b;
--color-wild-chocolate-400: #b19b7d;
--color-wild-chocolate-500: #9b8260;
--color-wild-chocolate-600: #836e52;
--color-wild-chocolate-700: #695841;
--color-wild-chocolate-800: #4d402f;
--color-wild-chocolate-900: #362c1f;
--color-wild-chocolate-950: #21190f;
}SCSS
$wild-chocolate: #665134;
$wild-chocolate-rgb: 102, 81, 52;
$wild-chocolate-light: mix(#fff, $wild-chocolate, 20%);
$wild-chocolate-dark: mix(#000, $wild-chocolate, 20%);
.element {
color: $wild-chocolate;
box-shadow: 0 0 0 2px rgba($wild-chocolate, 0.35);
}