Colore con nome · #6A432D
Aloeswood
Aloeswood è #6A432D: rgb(106 67 45), hsl(22 40% 30%), oklch(0.423 0.064 49.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Aloeswood color name →
#6A432D
oklch(0.423 0.064 49.8)
Conversioni di colore
- HEX
- #6a432d
- RGB
- rgb(106 67 45)
- HSL
- hsl(22 40% 30%)
- HWB
- hwb(22 18% 58%)
- OKLCH
- oklch(0.423 0.064 49.8)
- OKLab
- oklab(0.423 0.041 0.049)
- CIE Lab
- lab(32.68 15.48 20.6)
- LCH
- lch(32.68 25.77 53.1)
- CMYK
- cmyk(0% 37% 58% 58%)
Tinte · Ombre · Toni
Tinte
- 785440
- 876654
- 967867
- A48A7C
- B39D91
- C2B0A6
- D1C3BB
- E0D7D2
- F0EBE8
Ombre
- 5B3926
- 4D2F1F
- 3F2618
- 311D11
- 24140B
- 180C06
- 0D0502
- 040101
- 000000
Toni
- 6D4935
- 6F4F3E
- 725546
- 745B4E
- 766156
- 78685F
- 7A6E67
- 7C746F
- 7E7A78
Armonie di colore
Complementare +180°
- 6A432D
Aloeswood
- 23546A
≈ Juggernaut
Analogo -30° +30°
- 6A432D
Aloeswood
- 6D3F3F
≈ Burgundy Wine
- 604A22
≈ Nightingale
Triadico +120° +240°
- 6A432D
Aloeswood
- 235948
≈ Country Meadow
- 4D486F
≈ Evening Fizz
Complementare divisa +150° +210°
- 6A432D
Aloeswood
- 16585B
≈ Blue Emerald
- 394E71
≈ Airforce
Tetradico +90° +180° +270°
- 6A432D
Aloeswood
- 3B5634
≈ Ficus
- 23546A
≈ Juggernaut
- 5D4264
≈ Sunset Serenade
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.55:1 · APCA Lc 89
Ag
FailSu nero
WCAG 2.45:1 · APCA Lc 13
Miglior colore del testo: #FFFFFF
WCAG 8.55:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
CSS
:root {
--aloeswood: #6a432d;
--aloeswood-rgb: 106 67 45;
--aloeswood-oklch: oklch(0.423 0.064 49.8);
}
.element {
color: var(--aloeswood);
background-color: hsl(22 40% 30%);
border-color: oklch(0.423 0.064 49.8);
}Tailwind CSS v4
@theme {
--color-aloeswood: #6a432d;
--color-aloeswood-50: #fff1e5;
--color-aloeswood-100: #fae3d5;
--color-aloeswood-200: #eccdbc;
--color-aloeswood-300: #d3af9a;
--color-aloeswood-400: #be947d;
--color-aloeswood-500: #a97a60;
--color-aloeswood-600: #8f6752;
--color-aloeswood-700: #735241;
--color-aloeswood-800: #553c2f;
--color-aloeswood-900: #3b2920;
--color-aloeswood-950: #25170f;
}SCSS
$aloeswood: #6a432d;
$aloeswood-rgb: 106, 67, 45;
$aloeswood-light: mix(#fff, $aloeswood, 20%);
$aloeswood-dark: mix(#000, $aloeswood, 20%);
.element {
color: $aloeswood;
box-shadow: 0 0 0 2px rgba($aloeswood, 0.35);
}