Benannte Farbe · #7E9C6F
Wild Thyme
Wild Thyme ist #7E9C6F: rgb(126 156 111), hsl(100 19% 52%), oklch(0.658 0.073 135.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Wild Thyme color name →
#7E9C6F
oklch(0.658 0.073 135.4)
Farbumrechnungen
- HEX
- #7e9c6f
- RGB
- rgb(126 156 111)
- HSL
- hsl(100 19% 52%)
- HWB
- hwb(100 44% 39%)
- OKLCH
- oklch(0.658 0.073 135.4)
- OKLab
- oklab(0.658 -0.052 0.051)
- CIE Lab
- lab(61.17 -17.33 20.08)
- LCH
- lch(61.17 26.52 130.8)
- CMYK
- cmyk(19% 0% 29% 39%)
Tints · Shades · Tones
Tints
- 8AA67D
- 97AF8B
- A3B999
- B0C3A7
- BDCDB5
- CAD7C4
- D7E1D2
- E4EBE1
- F2F5F0
Shades
- 6D8760
- 5C7351
- 4C5F42
- 3C4C34
- 2D3927
- 1F281A
- 11180E
- 050904
- 010101
Tones
- 7E9971
- 7F9673
- 7F9475
- 7F9177
- 7F8E78
- 808B7A
- 80897B
- 80867D
- 80837F
Farbharmonien
Komplementär +180°
- 7E9C6F
Wild Thyme
- A384B0
≈ Daylight Lilac
Analog -30° +30°
- 7E9C6F
Wild Thyme
- 98955F
≈ Tansy Green
- 65A087
≈ Scotch Lassie
Triadisch +120° +240°
- 7E9C6F
Wild Thyme
- 7494BE
≈ King Neptune
- BA7F83
≈ Rennie’s Rose
Geteilt komplementär +150° +210°
- 7E9C6F
Wild Thyme
- 8D8BBD
≈ Butterfly Garden
- B3809B
≈ Antique Hot Pink
Tetradisch +90° +180° +270°
- 7E9C6F
Wild Thyme
- 5E9BB3
≈ Chivalry
- A384B0
≈ Daylight Lilac
- B8846C
≈ Red Gravel
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.05:1 · APCA Lc 57
Ag
AAAuf Schwarz
WCAG 6.87:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.87:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--wild-thyme: #7e9c6f;
--wild-thyme-rgb: 126 156 111;
--wild-thyme-oklch: oklch(0.658 0.073 135.4);
}
.element {
color: var(--wild-thyme);
background-color: hsl(100 19% 52%);
border-color: oklch(0.658 0.073 135.4);
}Tailwind CSS v4
@theme {
--color-wild-thyme: #7e9c6f;
--color-wild-thyme-50: #ecfae6;
--color-wild-thyme-100: #ddeed6;
--color-wild-thyme-200: #c6dcbe;
--color-wild-thyme-300: #a6c19c;
--color-wild-thyme-400: #8ca97d;
--color-wild-thyme-500: #719160;
--color-wild-thyme-600: #607b52;
--color-wild-thyme-700: #4c6241;
--color-wild-thyme-800: #38482e;
--color-wild-thyme-900: #26321f;
--color-wild-thyme-950: #151e0f;
}SCSS
$wild-thyme: #7e9c6f;
$wild-thyme-rgb: 126, 156, 111;
$wild-thyme-light: mix(#fff, $wild-thyme, 20%);
$wild-thyme-dark: mix(#000, $wild-thyme, 20%);
.element {
color: $wild-thyme;
box-shadow: 0 0 0 2px rgba($wild-thyme, 0.35);
}