Named color · #9E8528
Green Sulphur
Green Sulphur is #9E8528: rgb(158 133 40), hsl(47 60% 39%), oklch(0.623 0.112 93.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Green Sulphur color name →
#9E8528
oklch(0.623 0.112 93.4)
Color conversions
- HEX
- #9e8528
- RGB
- rgb(158 133 40)
- HSL
- hsl(47 60% 39%)
- HWB
- hwb(47 16% 38%)
- OKLCH
- oklch(0.623 0.112 93.4)
- OKLab
- oklab(0.623 -0.007 0.112)
- CIE Lab
- lab(56.63 2.51 50.71)
- LCH
- lch(56.63 50.77 87.2)
- CMYK
- cmyk(0% 16% 75% 38%)
Tints · Shades · Tones
Tints
- A79143
- B19D5A
- BAA96F
- C4B584
- CDC198
- D7CDAD
- E1DAC1
- EBE6D6
- F5F3EA
Shades
- 897321
- 74611B
- 605015
- 4D400F
- 3A3009
- 292104
- 181302
- 090601
- 010100
Tones
- 9B8536
- 988442
- 95844B
- 928454
- 8F835D
- 8C8364
- 89826C
- 868273
- 838179
Color harmonies
Complementary +180°
- 9E8528
Green Sulphur
- 7181CB
≈ Violets Are Blue
Analogous -30° +30°
- 9E8528
Green Sulphur
- B67736
≈ Fire Lord
- 7A9240
≈ Pepper Sprout
Triadic +120° +240°
- 9E8528
Green Sulphur
- 0097AF
≈ Aquarium Diver
- AF6CA4
≈ Pink Parade
Split-complementary +150° +210°
- 9E8528
Green Sulphur
- 438EC5
≈ Azure Blue
- 9575BE
≈ Viola
Tetradic +90° +180° +270°
- 9E8528
Green Sulphur
- 009C8E
≈ Tropics
- 7181CB
≈ Violets Are Blue
- BF6880
≈ Creamed Raspberry
Contrast & accessibility
Ag
FailOn white
WCAG 3.59:1 · APCA Lc 63
Ag
AAOn black
WCAG 5.83:1 · APCA Lc 38
Best text color: #000000
WCAG 5.83:1 (AA) · APCA Lc 38
Contrast pairs
Code snippets
CSS
:root {
--green-sulphur: #9e8528;
--green-sulphur-rgb: 158 133 40;
--green-sulphur-oklch: oklch(0.623 0.112 93.4);
}
.element {
color: var(--green-sulphur);
background-color: hsl(47 60% 39%);
border-color: oklch(0.623 0.112 93.4);
}Tailwind CSS v4
@theme {
--color-green-sulphur: #9e8528;
--color-green-sulphur-50: #fff6d2;
--color-green-sulphur-100: #f3e8be;
--color-green-sulphur-200: #e3d59e;
--color-green-sulphur-300: #c9b773;
--color-green-sulphur-400: #b59d4a;
--color-green-sulphur-500: #9f840e;
--color-green-sulphur-600: #876f12;
--color-green-sulphur-700: #6c590f;
--color-green-sulphur-800: #514008;
--color-green-sulphur-900: #382c05;
--color-green-sulphur-950: #231900;
}SCSS
$green-sulphur: #9e8528;
$green-sulphur-rgb: 158, 133, 40;
$green-sulphur-light: mix(#fff, $green-sulphur, 20%);
$green-sulphur-dark: mix(#000, $green-sulphur, 20%);
.element {
color: $green-sulphur;
box-shadow: 0 0 0 2px rgba($green-sulphur, 0.35);
}