Colore con nome · #6F5245
Double Chocolate
Double Chocolate è #6F5245: rgb(111 82 69), hsl(19 23% 35%), oklch(0.466 0.044 45.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Double Chocolate color name →
#6F5245
oklch(0.466 0.044 45.2)
Conversioni di colore
- HEX
- #6f5245
- RGB
- rgb(111 82 69)
- HSL
- hsl(19 23% 35%)
- HWB
- hwb(19 27% 56%)
- OKLCH
- oklch(0.466 0.044 45.2)
- OKLab
- oklab(0.466 0.031 0.031)
- CIE Lab
- lab(37.75 11.07 12.62)
- LCH
- lch(37.75 16.79 48.7)
- CMYK
- cmyk(0% 26% 38% 56%)
Tinte · Ombre · Toni
Tinte
- 7D6256
- 8B7267
- 998379
- A7938B
- B5A59D
- C4B6B0
- D2C8C3
- E1DAD7
- F0ECEB
Ombre
- 60463B
- 513B31
- 422F27
- 34251E
- 271A15
- 1A110C
- 0E0805
- 040202
- 010000
Toni
- 71574B
- 735B51
- 756056
- 76645C
- 786962
- 7A6D68
- 7B726E
- 7D7774
- 7F7B7A
Armonie di colore
Complementare +180°
- 6F5245
Double Chocolate
- 3E5F6C
≈ Freedom
Analogo -30° +30°
- 6F5245
Double Chocolate
- 705051
≈ Buccaneer
- 68563E
≈ Burley Wood
Triadico +120° +240°
- 6F5245
Double Chocolate
- 426253
≈ Palace Green
- 575672
≈ The Fang
Complementare divisa +150° +210°
- 6F5245
Double Chocolate
- 3B6261
≈ Pyrite Green
- 495B72
≈ Bluster Blue
Tetradico +90° +180° +270°
- 6F5245
Double Chocolate
- 4F5F46
≈ Mossy Bronze
- 3E5F6C
≈ Freedom
- 63526B
≈ Blackberry Farm
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.07:1 · APCA Lc 84
Ag
FailSu nero
WCAG 2.96:1 · APCA Lc 18
Miglior colore del testo: #FFFFFF
WCAG 7.07:1 (AAA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--double-chocolate: #6f5245;
--double-chocolate-rgb: 111 82 69;
--double-chocolate-oklch: oklch(0.466 0.044 45.2);
}
.element {
color: var(--double-chocolate);
background-color: hsl(19 23% 35%);
border-color: oklch(0.466 0.044 45.2);
}Tailwind CSS v4
@theme {
--color-double-chocolate: #6f5245;
--color-double-chocolate-50: #fff2eb;
--color-double-chocolate-100: #f5e4dc;
--color-double-chocolate-200: #e5cfc5;
--color-double-chocolate-300: #cbb1a4;
--color-double-chocolate-400: #b69789;
--color-double-chocolate-500: #a07d6e;
--color-double-chocolate-600: #876a5d;
--color-double-chocolate-700: #6c554a;
--color-double-chocolate-800: #503e36;
--color-double-chocolate-900: #382a25;
--color-double-chocolate-950: #221814;
}SCSS
$double-chocolate: #6f5245;
$double-chocolate-rgb: 111, 82, 69;
$double-chocolate-light: mix(#fff, $double-chocolate, 20%);
$double-chocolate-dark: mix(#000, $double-chocolate, 20%);
.element {
color: $double-chocolate;
box-shadow: 0 0 0 2px rgba($double-chocolate, 0.35);
}