#AD9935#AD9935

#AD9935 is a light, moderate yellow. Relative luminance 0.319; OKLCH L 68.2% C 0.120 H 97.7°. Best body text is #000000 at 7.38:1 contrast (WCAG AA passes).

Color values

HEX#AD9935
RGBrgb(173, 153, 53)
HSLhsl(50, 53%, 44%)
HSVhsv(50, 69%, 68%)
CMYKcmyk(0%, 11.6%, 69.4%, 32.2%)
CIE-LABlab(63.28, -4.08, 52.97)
CIE-LCHlch(63.28, 53.12, 94.41°)
OKLaboklab(68.21% -0.0161 0.1187)
OKLCHoklch(68.21% 0.12 97.7)
XYZxyz(29.2688, 31.9252, 7.9880)
Luminance0.3192 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#AD9935 #3549AD
analogous
#AD5D35 #AD9935 #85AD35
triadic
#AD9935 #35AD99 #9935AD
tetradic
#AD9935 #35AD5D #3549AD #AD3585
square
#AD9935 #35AD5D #3549AD #AD3585
split-complementary
#AD9935 #3585AD #5D35AD
monochromatic
#4F4618 #7E7027 #AD9935 #CBB754 #D9CB83

Accessibility & contrast

On white

2.84
#AD9935 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.38
#AD9935 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #AD9935
7.38:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##AD9935#FFFFFF#000000##000000
##AD99351.002.847.387.38
#FFFFFF2.841.0021.0021.00
#0000007.3821.001.001.00
##0000007.3821.001.001.00

Color blindness preview

Protanopia (red-blind)
#A89527
Deuteranopia (green-blind)
#AD9C3B
Tritanopia (blue-blind)
#BA8E85
Achromatopsia (no color)
#999999

Design tokens & code

CSS
--color: #ad9935;
/* rgb */ color: rgb(173, 153, 53);
/* oklch */ color: oklch(68.2% 0.120 97.7);
Tailwind
colors: {
  custom: {
    50: '#c9b672',
    500: '#ad9935',
    950: '#000000',
  },
}
SCSS
$custom: #ad9935;
$custom-light: #c9b672;
$custom-dark: #000000;
JSON
{
  "hex": "#ad9935",
  "rgb": {
    "r": 173,
    "g": 153,
    "b": 53
  },
  "hsl": {
    "h": 50,
    "s": 53.097,
    "l": 44.314
  },
  "oklch": {
    "l": 0.68209,
    "c": 0.1198,
    "h": 97.7
  },
  "luminance": 0.31924
}

Semantic roles & 50–950 ramp

primary
#AD9935
secondary
#7B87C3
accent
#63DD4B
background
#FCFBF7
surface
#F9F6ED
border
#D2D0C8
text
#141108
muted
#82807B

Preview Lab

Preview with #AD9935

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

Preview Lab → · Contrast checker → · Palette generator →

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