#998335#998335

#998335 is a mid, moderate yellow. Relative luminance 0.233; OKLCH L 61.5% C 0.101 H 93.4°. Best body text is #000000 at 5.65:1 contrast (WCAG AA passes).

Color values

HEX	#998335
RGB	rgb(153, 131, 53)
HSL	hsl(47, 49%, 40%)
HSV	hsv(47, 65%, 60%)
CMYK	cmyk(0%, 14.4%, 65.4%, 40%)
CIE-LAB	lab(55.34, -1.00, 44.03)
CIE-LCH	lch(55.34, 44.04, 91.30°)
OKLab	oklab(61.47% -0.006 0.1004)
OKLCH	oklch(61.47% 0.101 93.4)
XYZ	xyz(21.8968, 23.2631, 6.7043)
Luminance	0.2326 (WCAG relative)
Temperature	warm
Family	yellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#998335 #354B99

analogous

#995135 #998335 #7D9935

triadic

#998335 #359983 #833599

tetradic

#998335 #359951 #354B99 #99357D

square

#998335 #359951 #354B99 #99357D

split-complementary

#998335 #357D99 #513599

monochromatic

#3E3516 #6C5C25 #998335 #C1A74B #D0BD78

Accessibility & contrast

On white

3.72

#998335 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

5.65

#998335 on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #998335

5.65:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##998335	#FFFFFF	#000000	##000000
##998335	1.00	3.72	5.65	5.65
#FFFFFF	3.72	1.00	21.00	21.00
#000000	5.65	21.00	1.00	1.00
##000000	5.65	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#90812C

Deuteranopia (green-blind)

#968739

Tritanopia (blue-blind)

#A57972

Achromatopsia (no color)

#848484

Design tokens & code

CSS

--color: #998335;
/* rgb */ color: rgb(153, 131, 53);
/* oklch */ color: oklch(61.5% 0.101 93.4);

Tailwind

colors: {
  custom: {
    50: '#baa670',
    500: '#998335',
    950: '#000000',
  },
}

SCSS

$custom: #998335;
$custom-light: #baa670;
$custom-dark: #000000;

JSON

{
  "hex": "#998335",
  "rgb": {
    "r": 153,
    "g": 131,
    "b": 53
  },
  "hsl": {
    "h": 46.8,
    "s": 48.544,
    "l": 40.392
  },
  "oklch": {
    "l": 0.61474,
    "c": 0.1006,
    "h": 93.4
  },
  "luminance": 0.23262
}

Semantic roles & 50–950 ramp

primary

#998335

secondary

#7181B9

accent

#6ED850

background

#FBFAF6

surface

#F7F4EC

border

#D0CEC7

text

#120F08

muted

#817F7B

Preview Lab

Preview with #998335

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

Preview Lab → · Contrast checker → · Palette generator →