Colore con nome · #662200
Raw Chocolate
Raw Chocolate è #662200: rgb(102 34 0), hsl(20 100% 20%), oklch(0.352 0.106 42.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Raw Chocolate color name →
#662200
oklch(0.352 0.106 42.1)
Conversioni di colore
- HEX
- #662200
- RGB
- rgb(102 34 0)
- HSL
- hsl(20 100% 20%)
- HWB
- hwb(20 0% 60%)
- OKLCH
- oklch(0.352 0.106 42.1)
- OKLab
- oklab(0.352 0.079 0.071)
- CIE Lab
- lab(24.01 30.09 34.97)
- LCH
- lch(24.01 46.14 49.3)
- CMYK
- cmyk(0% 67% 100% 60%)
Tinte · Ombre · Toni
Tinte
- 76381E
- 864D36
- 96624E
- A57765
- B48D7E
- C3A396
- D2B9B0
- E1D0CA
- F0E7E4
Ombre
- 581C00
- 4A1600
- 3C1100
- 2F0B00
- 230700
- 170300
- 0C0100
- 040000
- 000000
Toni
- 6A2D12
- 6D3720
- 71402D
- 744A39
- 765345
- 795C51
- 7B655C
- 7D6E68
- 7F7774
Armonie di colore
Complementare +180°
- 662200
Raw Chocolate
- 004253
≈ Crab Nebula
Analogo -30° +30°
- 662200
Raw Chocolate
- 671C2C
≈ Velvet Outbreak
- 533300
≈ Eyelash Camel
Triadico +120° +240°
- 662200
Raw Chocolate
- 00472E
≈ Alaskan Moss
- 343170
≈ Ballpoint Indigo
Complementare divisa +150° +210°
- 662200
Raw Chocolate
- 004543
≈ Dark Side
- 003B70
≈ Tardis Blue
Tetradico +90° +180° +270°
- 662200
Raw Chocolate
- 264500
≈ Forest Green
- 004253
≈ Crab Nebula
- 4D2762
≈ Acai
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 11.70:1 · APCA Lc 96
Ag
FailSu nero
WCAG 1.79:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 11.70:1 (AAA) · APCA Lc 96
Contrast pairs
Frammenti di codice
CSS
:root {
--raw-chocolate: #662200;
--raw-chocolate-rgb: 102 34 0;
--raw-chocolate-oklch: oklch(0.352 0.106 42.1);
}
.element {
color: var(--raw-chocolate);
background-color: hsl(20 100% 20%);
border-color: oklch(0.352 0.106 42.1);
}Tailwind CSS v4
@theme {
--color-raw-chocolate: #662200;
--color-raw-chocolate-50: #ffecdd;
--color-raw-chocolate-100: #ffddcc;
--color-raw-chocolate-200: #fcc7b0;
--color-raw-chocolate-300: #e6a68b;
--color-raw-chocolate-400: #d4896c;
--color-raw-chocolate-500: #c06c4b;
--color-raw-chocolate-600: #a25c40;
--color-raw-chocolate-700: #824a33;
--color-raw-chocolate-800: #613525;
--color-raw-chocolate-900: #442419;
--color-raw-chocolate-950: #2c1209;
}SCSS
$raw-chocolate: #662200;
$raw-chocolate-rgb: 102, 34, 0;
$raw-chocolate-light: mix(#fff, $raw-chocolate, 20%);
$raw-chocolate-dark: mix(#000, $raw-chocolate, 20%);
.element {
color: $raw-chocolate;
box-shadow: 0 0 0 2px rgba($raw-chocolate, 0.35);
}