#A39B37#A39B37

#A39B37 is a light, vivid yellow. Relative luminance 0.315; OKLCH L 67.7% C 0.120 H 104.7°. Best body text is #000000 at 7.30:1 contrast (WCAG AA passes).

Color values

HEX#A39B37
RGBrgb(163, 155, 55)
HSLhsl(56, 50%, 43%)
HSVhsv(56, 66%, 64%)
CMYKcmyk(0%, 4.9%, 66.3%, 36.1%)
CIE-LABlab(62.93, -9.46, 51.48)
CIE-LCHlch(62.93, 52.34, 100.41°)
OKLaboklab(67.72% -0.0306 0.1162)
OKLCHoklch(67.72% 0.12 104.7)
XYZxyz(27.5162, 31.5061, 8.2455)
Luminance0.3150 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#A39B37 #373FA3
analogous
#A36537 #A39B37 #75A337
triadic
#A39B37 #37A39B #9B37A3
tetradic
#A39B37 #37A365 #373FA3 #A33775
square
#A39B37 #37A365 #373FA3 #A33775
split-complementary
#A39B37 #3775A3 #6537A3
monochromatic
#474418 #756F28 #A39B37 #C5BC52 #D4CE80

Accessibility & contrast

On white

2.88
#A39B37 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.30
#A39B37 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #A39B37
7.30:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##A39B37#FFFFFF#000000##000000
##A39B371.002.887.307.30
#FFFFFF2.881.0021.0021.00
#0000007.3021.001.001.00
##0000007.3021.001.001.00

Color blindness preview

Protanopia (red-blind)
#A8962A
Deuteranopia (green-blind)
#AB9A3D
Tritanopia (blue-blind)
#AF9186
Achromatopsia (no color)
#989898

Design tokens & code

CSS
--color: #a39b37;
/* rgb */ color: rgb(163, 155, 55);
/* oklch */ color: oklch(67.7% 0.120 104.7);
Tailwind
colors: {
  custom: {
    50: '#c1b873',
    500: '#a39b37',
    950: '#000000',
  },
}
SCSS
$custom: #a39b37;
$custom-light: #c1b873;
$custom-dark: #000000;
JSON
{
  "hex": "#a39b37",
  "rgb": {
    "r": 163,
    "g": 155,
    "b": 55
  },
  "hsl": {
    "h": 55.556,
    "s": 49.541,
    "l": 42.745
  },
  "oklch": {
    "l": 0.6772,
    "c": 0.12016,
    "h": 104.7
  },
  "luminance": 0.31505
}

Semantic roles & 50–950 ramp

primary
#A39B37
secondary
#787DBE
accent
#59D94F
background
#FCFBF7
surface
#F8F6ED
border
#D1D0C8
text
#131108
muted
#82807B

Preview Lab

Preview with #A39B37

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

Preview Lab → · Contrast checker → · Palette generator →

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