Benannte Farbe · #605547
Tea Chest
Tea Chest ist #605547: rgb(96 85 71), hsl(34 15% 33%), oklch(0.456 0.026 73.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Tea Chest color name →
#605547
oklch(0.456 0.026 73.7)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 6F6458
- 7E7469
- 8D857A
- 9C958C
- ACA69E
- BCB7B1
- CDC9C4
- DDDBD7
- EEEDEB
Shades
- 52493D
- 453D32
- 383128
- 2C261F
- 201C16
- 15110D
- 0A0806
- 030202
- 000000
Tones
- 63594D
- 665D52
- 6A6258
- 6D665D
- 706A63
- 736F69
- 76736F
- 7A7774
- 7D7C7A
Farbharmonien
Komplementär +180°
- 605547
Tea Chest
- 4D5866
≈ Rogue Blue
Analog -30° +30°
- 605547
Tea Chest
- 64534B
≈ Ground Coffee
- 595847
≈ Monogram
Triadisch +120° +240°
- 605547
Tea Chest
- 465C5B
≈ Woodland Night
- 5C5361
≈ Napa Grape
Geteilt komplementär +150° +210°
- 605547
Tea Chest
- 475A62
≈ Fiord
- 555565
≈ Black Dragon’s Cauldron
Tetradisch +90° +180° +270°
- 605547
Tea Chest
- 4A5C53
≈ Cilantro
- 4D5866
≈ Rogue Blue
- 62515B
≈ Sinful
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.27:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.88:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.27:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
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);
}