Colore con nome · #737B6C
Thyme Green
Thyme Green è #737B6C: rgb(115 123 108), hsl(92 6% 45%), oklch(0.572 0.024 130.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Thyme Green color name →
#737B6C
oklch(0.572 0.024 130.2)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 80877A
- 8D9488
- 9BA196
- A9AEA4
- B6BBB3
- C5C8C2
- D3D6D1
- E1E3E0
- F0F1EF
Ombre
- 636A5D
- 545A4E
- 454A40
- 363A32
- 282C25
- 1B1E19
- 0F100D
- 050504
- 010100
Toni
- 747C6E
- 767C70
- 777D72
- 787D74
- 797E76
- 7B7E78
- 7C7F7A
- 7D7F7C
- 7F807E
Armonie di colore
Complementare +180°
- 737B6C
Thyme Green
- 7C7483
≈ Dull Mauve
Analogo -30° +30°
- 737B6C
Thyme Green
- 7B7868
≈ Crooked River
- 6C7D73
≈ Island Palm
Triadico +120° +240°
- 737B6C
Thyme Green
- 6D7986
≈ Magnet Dapple
- 867274
≈ Meridian
Complementare divisa +150° +210°
- 737B6C
Thyme Green
- 757786
≈ Brewing Storm
- 82727C
≈ Burlap Grey
Tetradico +90° +180° +270°
- 737B6C
Thyme Green
- 697C82
≈ Astronomicon Grey
- 7C7483
≈ Dull Mauve
- 85736D
≈ Cave of the Winds
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.39:1 · APCA Lc 70
Ag
AASu nero
WCAG 4.77:1 · APCA Lc 31
Miglior colore del testo: #000000
WCAG 4.77:1 (AA) · APCA Lc 31
Contrast pairs
Frammenti di codice
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);
}