Named color · #93840F
Thicket Green
Thicket Green is #93840F: rgb(147 132 15), hsl(53 81% 32%), oklch(0.608 0.123 101). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Thicket Green color name →
#93840F
oklch(0.608 0.123 101)
Color conversions
- HEX
- #93840f
- RGB
- rgb(147 132 15)
- HSL
- hsl(53 81% 32%)
- HWB
- hwb(53 6% 42%)
- OKLCH
- oklch(0.608 0.123 101)
- OKLab
- oklab(0.608 -0.024 0.121)
- CIE Lab
- lab(55.14 -2.6 56.48)
- LCH
- lch(55.14 56.54 92.6)
- CMYK
- cmyk(0% 10% 90% 42%)
Tints · Shades · Tones
Tints
- 9D9036
- A79C50
- B2A867
- BCB57D
- C7C193
- D2CDA9
- DDDABE
- E8E6D4
- F4F2E9
Shades
- 7F720B
- 6C6008
- 594F05
- 473F03
- 362F02
- 252001
- 161200
- 080600
- 010100
Tones
- 918428
- 8F8437
- 8D8443
- 8B834E
- 898357
- 878260
- 858269
- 848171
- 828178
Color harmonies
Complementary +180°
- 93840F
Thicket Green
- 7678CA
≈ Kickstart Purple
Analogous -30° +30°
- 93840F
Thicket Green
- B07419
≈ Philippine Gold
- 68913D
≈ Mary’s Garden
Triadic +120° +240°
- 93840F
Thicket Green
- 0091B2
≈ Cool Tide
- B36398
≈ Spring Crocus
Split-complementary +150° +210°
- 93840F
Thicket Green
- 4486CA
≈ Casting Sea
- 9A6CB9
≈ Viola
Tetradic +90° +180° +270°
- 93840F
Thicket Green
- 009692
≈ Columbia
- 7678CA
≈ Kickstart Purple
- C06070
≈ Candy Drop
Contrast & accessibility
Ag
FailOn white
WCAG 3.78:1 · APCA Lc 65
Ag
AAOn black
WCAG 5.54:1 · APCA Lc 36
Best text color: #000000
WCAG 5.54:1 (AA) · APCA Lc 36
Contrast pairs
Code snippets
CSS
:root {
--thicket-green: #93840f;
--thicket-green-rgb: 147 132 15;
--thicket-green-oklch: oklch(0.608 0.123 101);
}
.element {
color: var(--thicket-green);
background-color: hsl(53 81% 32%);
border-color: oklch(0.608 0.123 101);
}Tailwind CSS v4
@theme {
--color-thicket-green: #93840f;
--color-thicket-green-50: #fbf7cf;
--color-thicket-green-100: #efeabb;
--color-thicket-green-200: #ddd79a;
--color-thicket-green-300: #c3ba6e;
--color-thicket-green-400: #aea041;
--color-thicket-green-500: #988700;
--color-thicket-green-600: #817300;
--color-thicket-green-700: #675c00;
--color-thicket-green-800: #4d4200;
--color-thicket-green-900: #362e01;
--color-thicket-green-950: #211a00;
}SCSS
$thicket-green: #93840f;
$thicket-green-rgb: 147, 132, 15;
$thicket-green-light: mix(#fff, $thicket-green, 20%);
$thicket-green-dark: mix(#000, $thicket-green, 20%);
.element {
color: $thicket-green;
box-shadow: 0 0 0 2px rgba($thicket-green, 0.35);
}