Benannte Farbe · #544333
Old Treasure Chest
Old Treasure Chest ist #544333: rgb(84 67 51), hsl(29 24% 26%), oklch(0.396 0.035 64.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Old Treasure Chest color name →
#544333
oklch(0.396 0.035 64.8)
Farbumrechnungen
- HEX
- #544333
- RGB
- rgb(84 67 51)
- HSL
- hsl(29 24% 26%)
- HWB
- hwb(29 20% 67%)
- OKLCH
- oklch(0.396 0.035 64.8)
- OKLab
- oklab(0.396 0.015 0.031)
- CIE Lab
- lab(29.9 5.64 12.65)
- LCH
- lch(29.9 13.85 66)
- CMYK
- cmyk(0% 20% 39% 67%)
Tints · Shades · Tones
Tints
- 645445
- 746558
- 84776B
- 95897F
- A69C93
- B7AFA8
- C9C2BD
- DAD6D3
- EDEAE9
Shades
- 48392B
- 3C2F23
- 31261C
- 261D14
- 1B140D
- 110C07
- 080503
- 020101
- 000000
Tones
- 58493A
- 5D4F42
- 615549
- 665B51
- 6A6159
- 6E6760
- 736D68
- 777370
- 7C7A78
Farbharmonien
Komplementär +180°
- 544333
Old Treasure Chest
- 374958
≈ Odyssey
Analog -30° +30°
- 544333
Old Treasure Chest
- 58403A
≈ Cabin Plank
- 4C4731
≈ Tinny Tin
Triadisch +120° +240°
- 544333
Old Treasure Chest
- 314D49
≈ Silk Crepe Grey
- 4B4256
≈ Sovereign
Geteilt komplementär +150° +210°
- 544333
Old Treasure Chest
- 304C52
≈ Pallasite Blue
- 41455A
≈ Bella Sera
Tetradisch +90° +180° +270°
- 544333
Old Treasure Chest
- 384C3E
≈ Mountain View
- 374958
≈ Odyssey
- 53404E
≈ Purple Taupe
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.42:1 · APCA Lc 92
Ag
FailAuf Schwarz
WCAG 2.22:1 · APCA Lc 11
Beste Textfarbe: #FFFFFF
WCAG 9.42:1 (AAA) · APCA Lc 92
Contrast pairs
Code-Snippets
CSS
:root {
--old-treasure-chest: #544333;
--old-treasure-chest-rgb: 84 67 51;
--old-treasure-chest-oklch: oklch(0.396 0.035 64.8);
}
.element {
color: var(--old-treasure-chest);
background-color: hsl(29 24% 26%);
border-color: oklch(0.396 0.035 64.8);
}Tailwind CSS v4
@theme {
--color-old-treasure-chest: #544333;
--color-old-treasure-chest-50: #fcf3eb;
--color-old-treasure-chest-100: #f0e6dc;
--color-old-treasure-chest-200: #dfd2c5;
--color-old-treasure-chest-300: #c4b4a5;
--color-old-treasure-chest-400: #ad9b89;
--color-old-treasure-chest-500: #97826e;
--color-old-treasure-chest-600: #806e5e;
--color-old-treasure-chest-700: #66584b;
--color-old-treasure-chest-800: #4b4036;
--color-old-treasure-chest-900: #342c25;
--color-old-treasure-chest-950: #201914;
}SCSS
$old-treasure-chest: #544333;
$old-treasure-chest-rgb: 84, 67, 51;
$old-treasure-chest-light: mix(#fff, $old-treasure-chest, 20%);
$old-treasure-chest-dark: mix(#000, $old-treasure-chest, 20%);
.element {
color: $old-treasure-chest;
box-shadow: 0 0 0 2px rgba($old-treasure-chest, 0.35);
}