Colore con nome · #664A2D
Dallas
Dallas è #664A2D: rgb(102 74 45), hsl(31 39% 29%), oklch(0.432 0.057 66.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Dallas color name →
#664A2D
oklch(0.432 0.057 66.3)
Conversioni di colore
- HEX
- #664a2d
- RGB
- rgb(102 74 45)
- HSL
- hsl(31 39% 29%)
- HWB
- hwb(31 18% 60%)
- OKLCH
- oklch(0.432 0.057 66.3)
- OKLab
- oklab(0.432 0.023 0.053)
- CIE Lab
- lab(34.03 9.51 22.11)
- LCH
- lch(34.03 24.06 66.7)
- CMYK
- cmyk(0% 27% 56% 60%)
Tinte · Ombre · Toni
Tinte
- 745A40
- 836B54
- 927D68
- A18E7C
- B0A091
- C0B3A6
- CFC5BC
- DFD8D2
- EFEBE8
Ombre
- 583F26
- 4A351F
- 3C2A18
- 2F2011
- 23170B
- 170E06
- 0C0602
- 040201
- 000000
Toni
- 694F36
- 6C553E
- 6E5A46
- 715F4E
- 746557
- 766A5F
- 797067
- 7B756F
- 7E7B78
Armonie di colore
Complementare +180°
- 664A2D
Dallas
- 35546E
≈ America’s Cup
Analogo -30° +30°
- 664A2D
Dallas
- 6C453A
≈ Deep Cherrywood
- 5A502A
≈ West Coast
Triadico +120° +240°
- 664A2D
Dallas
- 255B55
≈ Holly Leaf
- 58486A
≈ Woad Purple
Complementare divisa +150° +210°
- 664A2D
Dallas
- 265865
≈ Bright Nautilus
- 484E70
≈ Astronaut
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.13:1 · APCA Lc 88
Ag
FailSu nero
WCAG 2.58:1 · APCA Lc 14
Miglior colore del testo: #FFFFFF
WCAG 8.13:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--dallas: #664a2d;
--dallas-rgb: 102 74 45;
--dallas-oklch: oklch(0.432 0.057 66.3);
}
.element {
color: var(--dallas);
background-color: hsl(31 39% 29%);
border-color: oklch(0.432 0.057 66.3);
}Tailwind CSS v4
@theme {
--color-dallas: #664a2d;
--color-dallas-50: #fff3e4;
--color-dallas-100: #f5e5d4;
--color-dallas-200: #e5d0bb;
--color-dallas-300: #ccb398;
--color-dallas-400: #b6987b;
--color-dallas-500: #a17f5d;
--color-dallas-600: #886b4f;
--color-dallas-700: #6d563f;
--color-dallas-800: #513e2d;
--color-dallas-900: #382b1f;
--color-dallas-950: #23180e;
}SCSS
$dallas: #664a2d;
$dallas-rgb: 102, 74, 45;
$dallas-light: mix(#fff, $dallas, 20%);
$dallas-dark: mix(#000, $dallas, 20%);
.element {
color: $dallas;
box-shadow: 0 0 0 2px rgba($dallas, 0.35);
}