Benannte Farbe · #50574C
Thyme
Thyme ist #50574C: rgb(80 87 76), hsl(98 7% 32%), oklch(0.447 0.02 134). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Thyme color name →
#50574C
oklch(0.447 0.02 134)
Farbumrechnungen
- HEX
- #50574c
- RGB
- rgb(80 87 76)
- HSL
- hsl(98 7% 32%)
- HWB
- hwb(98 30% 66%)
- OKLCH
- oklch(0.447 0.02 134)
- OKLab
- oklab(0.447 -0.014 0.014)
- CIE Lab
- lab(36.09 -4.63 5.42)
- LCH
- lch(36.09 7.13 130.5)
- CMYK
- cmyk(8% 0% 13% 66%)
Tints · Shades · Tones
Tints
- 60665C
- 70766D
- 81867E
- 92968F
- A3A7A1
- B5B8B3
- C7C9C6
- D9DBD8
- ECEDEC
Shades
- 444B41
- 393E36
- 2E332C
- 242722
- 1A1C18
- 10120F
- 070806
- 020302
- 000000
Tones
- 555B51
- 595F56
- 5E635B
- 636760
- 686B65
- 6C6F6B
- 717370
- 767875
- 7B7C7B
Farbharmonien
Komplementär +180°
- 50574C
Thyme
- 58515C
≈ Forged Iron
Analog -30° +30°
- 50574C
Thyme
- 565549
≈ NATO Olive
- 4B5851
≈ Black Spruce
Triadisch +120° +240°
- 50574C
Thyme
- 4D555F
≈ Dark Sea
- 5F5051
≈ Spell
Geteilt komplementär +150° +210°
- 50574C
Thyme
- 53535F
≈ Black Orchid
- 5D5057
≈ Quail Hollow
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.47:1 · APCA Lc 86
Ag
FailAuf Schwarz
WCAG 2.80:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.47:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--thyme: #50574c;
--thyme-rgb: 80 87 76;
--thyme-oklch: oklch(0.447 0.02 134);
}
.element {
color: var(--thyme);
background-color: hsl(98 7% 32%);
border-color: oklch(0.447 0.02 134);
}Tailwind CSS v4
@theme {
--color-thyme: #50574c;
--color-thyme-50: #f3f6f1;
--color-thyme-100: #e5e9e3;
--color-thyme-200: #d0d6ce;
--color-thyme-300: #b3bab0;
--color-thyme-400: #9aa195;
--color-thyme-500: #81897c;
--color-thyme-600: #6d7469;
--color-thyme-700: #575d54;
--color-thyme-800: #40443d;
--color-thyme-900: #2c2f2a;
--color-thyme-950: #191b17;
}SCSS
$thyme: #50574c;
$thyme-rgb: 80, 87, 76;
$thyme-light: mix(#fff, $thyme, 20%);
$thyme-dark: mix(#000, $thyme, 20%);
.element {
color: $thyme;
box-shadow: 0 0 0 2px rgba($thyme, 0.35);
}