Benannte Farbe · #737B6C
Thyme Green
Thyme Green ist #737B6C: rgb(115 123 108), hsl(92 6% 45%), oklch(0.572 0.024 130.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Thyme Green color name →
#737B6C
oklch(0.572 0.024 130.2)
Farbumrechnungen
- HEX
- #737b6c
- RGB
- rgb(115 123 108)
- HSL
- hsl(92 6% 45%)
- HWB
- hwb(92 42% 52%)
- OKLCH
- oklch(0.572 0.024 130.2)
- OKLab
- oklab(0.572 -0.016 0.019)
- CIE Lab
- lab(50.6 -5.33 7.16)
- LCH
- lch(50.6 8.93 126.6)
- CMYK
- cmyk(7% 0% 12% 52%)
Tints · Shades · Tones
Tints
- 80877A
- 8D9488
- 9BA196
- A9AEA4
- B6BBB3
- C5C8C2
- D3D6D1
- E1E3E0
- F0F1EF
Shades
- 636A5D
- 545A4E
- 454A40
- 363A32
- 282C25
- 1B1E19
- 0F100D
- 050504
- 010100
Tones
- 747C6E
- 767C70
- 777D72
- 787D74
- 797E76
- 7B7E78
- 7C7F7A
- 7D7F7C
- 7F807E
Farbharmonien
Komplementär +180°
- 737B6C
Thyme Green
- 7C7483
≈ Dull Mauve
Analog -30° +30°
- 737B6C
Thyme Green
- 7B7868
≈ Crooked River
- 6C7D73
≈ Island Palm
Triadisch +120° +240°
- 737B6C
Thyme Green
- 6D7986
≈ Magnet Dapple
- 867274
≈ Meridian
Geteilt komplementär +150° +210°
- 737B6C
Thyme Green
- 757786
≈ Brewing Storm
- 82727C
≈ Burlap Grey
Tetradisch +90° +180° +270°
- 737B6C
Thyme Green
- 697C82
≈ Astronomicon Grey
- 7C7483
≈ Dull Mauve
- 85736D
≈ Cave of the Winds
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.39:1 · APCA Lc 70
Ag
AAAuf Schwarz
WCAG 4.77:1 · APCA Lc 31
Beste Textfarbe: #000000
WCAG 4.77:1 (AA) · APCA Lc 31
Contrast pairs
Code-Snippets
CSS
:root {
--thyme-green: #737b6c;
--thyme-green-rgb: 115 123 108;
--thyme-green-oklch: oklch(0.572 0.024 130.2);
}
.element {
color: var(--thyme-green);
background-color: hsl(92 6% 45%);
border-color: oklch(0.572 0.024 130.2);
}Tailwind CSS v4
@theme {
--color-thyme-green: #737b6c;
--color-thyme-green-50: #f2f7f0;
--color-thyme-green-100: #e5eae1;
--color-thyme-green-200: #d0d7cc;
--color-thyme-green-300: #b3baad;
--color-thyme-green-400: #9aa293;
--color-thyme-green-500: #818a79;
--color-thyme-green-600: #6d7566;
--color-thyme-green-700: #575d52;
--color-thyme-green-800: #40443b;
--color-thyme-green-900: #2c2f29;
--color-thyme-green-950: #191c16;
}SCSS
$thyme-green: #737b6c;
$thyme-green-rgb: 115, 123, 108;
$thyme-green-light: mix(#fff, $thyme-green, 20%);
$thyme-green-dark: mix(#000, $thyme-green, 20%);
.element {
color: $thyme-green;
box-shadow: 0 0 0 2px rgba($thyme-green, 0.35);
}