Colore con nome · #605547
Tea Chest
Tea Chest è #605547: rgb(96 85 71), hsl(34 15% 33%), oklch(0.456 0.026 73.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Tea Chest color name →
#605547
oklch(0.456 0.026 73.7)
Conversioni di colore
- HEX
- #605547
- RGB
- rgb(96 85 71)
- HSL
- hsl(34 15% 33%)
- HWB
- hwb(34 28% 62%)
- OKLCH
- oklch(0.456 0.026 73.7)
- OKLab
- oklab(0.456 0.007 0.025)
- CIE Lab
- lab(36.92 2.82 9.94)
- LCH
- lch(36.92 10.33 74.2)
- CMYK
- cmyk(0% 11% 26% 62%)
Tinte · Ombre · Toni
Tinte
- 6F6458
- 7E7469
- 8D857A
- 9C958C
- ACA69E
- BCB7B1
- CDC9C4
- DDDBD7
- EEEDEB
Ombre
- 52493D
- 453D32
- 383128
- 2C261F
- 201C16
- 15110D
- 0A0806
- 030202
- 000000
Toni
- 63594D
- 665D52
- 6A6258
- 6D665D
- 706A63
- 736F69
- 76736F
- 7A7774
- 7D7C7A
Armonie di colore
Complementare +180°
- 605547
Tea Chest
- 4D5866
≈ Rogue Blue
Analogo -30° +30°
- 605547
Tea Chest
- 64534B
≈ Ground Coffee
- 595847
≈ Monogram
Triadico +120° +240°
- 605547
Tea Chest
- 465C5B
≈ Woodland Night
- 5C5361
≈ Napa Grape
Complementare divisa +150° +210°
- 605547
Tea Chest
- 475A62
≈ Fiord
- 555565
≈ Black Dragon’s Cauldron
Tetradico +90° +180° +270°
- 605547
Tea Chest
- 4A5C53
≈ Cilantro
- 4D5866
≈ Rogue Blue
- 62515B
≈ Sinful
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.27:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.88:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.27:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--tea-chest: #605547;
--tea-chest-rgb: 96 85 71;
--tea-chest-oklch: oklch(0.456 0.026 73.7);
}
.element {
color: var(--tea-chest);
background-color: hsl(34 15% 33%);
border-color: oklch(0.456 0.026 73.7);
}Tailwind CSS v4
@theme {
--color-tea-chest: #605547;
--color-tea-chest-50: #faf4ed;
--color-tea-chest-100: #ede7de;
--color-tea-chest-200: #dbd3c8;
--color-tea-chest-300: #bfb6a9;
--color-tea-chest-400: #a89c8e;
--color-tea-chest-500: #918473;
--color-tea-chest-600: #7b7062;
--color-tea-chest-700: #62594e;
--color-tea-chest-800: #484139;
--color-tea-chest-900: #322d27;
--color-tea-chest-950: #1e1a15;
}SCSS
$tea-chest: #605547;
$tea-chest-rgb: 96, 85, 71;
$tea-chest-light: mix(#fff, $tea-chest, 20%);
$tea-chest-dark: mix(#000, $tea-chest, 20%);
.element {
color: $tea-chest;
box-shadow: 0 0 0 2px rgba($tea-chest, 0.35);
}