#987333#987333

#987333 is a mid, moderate orange. Relative luminance 0.192; OKLCH L 57.9% C 0.094 H 78.7°. Best body text is #000000 at 4.84:1 contrast (WCAG AA passes).

Color values

HEX#987333
RGBrgb(152, 115, 51)
HSLhsl(38, 50%, 40%)
HSVhsv(38, 66%, 60%)
CMYKcmyk(0%, 24.3%, 66.4%, 40.4%)
CIE-LABlab(50.89, 7.46, 40.10)
CIE-LCHlch(50.89, 40.78, 79.47°)
OKLaboklab(57.94% 0.0183 0.0918)
OKLCHoklch(57.94% 0.094 78.7)
XYZxyz(19.6783, 19.1773, 5.7965)
Luminance0.1918 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#987333 #335898
analogous
#984133 #987333 #8B9833
triadic
#987333 #339873 #733398
tetradic
#987333 #339841 #335898 #98338B
square
#987333 #339841 #335898 #98338B
split-complementary
#987333 #338B98 #413398
monochromatic
#3C2E14 #6A5024 #987333 #C19447 #D1AF75

Accessibility & contrast

On white

4.34
#987333 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.84
#987333 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #987333
4.84:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##987333#FFFFFF#000000##000000
##9873331.004.344.844.84
#FFFFFF4.341.0021.0021.00
#0000004.8421.001.001.00
##0000004.8421.001.001.00

Color blindness preview

Protanopia (red-blind)
#82742C
Deuteranopia (green-blind)
#8A7D35
Tritanopia (blue-blind)
#A56965
Achromatopsia (no color)
#797979

Design tokens & code

CSS
--color: #987333;
/* rgb */ color: rgb(152, 115, 51);
/* oklch */ color: oklch(57.9% 0.094 78.7);
Tailwind
colors: {
  custom: {
    50: '#ba9b6d',
    500: '#987333',
    950: '#000000',
  },
}
SCSS
$custom: #987333;
$custom-light: #ba9b6d;
$custom-dark: #000000;
JSON
{
  "hex": "#987333",
  "rgb": {
    "r": 152,
    "g": 115,
    "b": 51
  },
  "hsl": {
    "h": 38.02,
    "s": 49.754,
    "l": 39.804
  },
  "oklch": {
    "l": 0.57943,
    "c": 0.09357,
    "h": 78.7
  },
  "luminance": 0.19176
}

Semantic roles & 50–950 ramp

primary
#987333
secondary
#6E89B9
accent
#81D94F
background
#FBF9F6
surface
#F7F2EC
border
#D0CCC7
text
#120E07
muted
#817E7A

Preview Lab

Preview with #987333

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →

#987333 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva