#A39751#A39751

#A39751 is a light, moderate yellow. Relative luminance 0.305; OKLCH L 67.1% C 0.092 H 99.8°. Best body text is #000000 at 7.10:1 contrast (WCAG AA passes).

Color values

HEX	#A39751
RGB	rgb(163, 151, 81)
HSL	hsl(51, 34%, 48%)
HSV	hsv(51, 50%, 64%)
CMYK	cmyk(0%, 7.4%, 50.3%, 36.1%)
CIE-LAB	lab(62.10, -5.29, 38.19)
CIE-LCH	lch(62.10, 38.55, 97.89°)
OKLab	oklab(67.14% -0.0156 0.0909)
OKLCH	oklch(67.14% 0.092 99.8)
XYZ	xyz(27.6569, 30.5148, 12.2161)
Luminance	0.3051 (WCAG relative)
Temperature	warm
Family	yellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#A39751 #515DA3

analogous

#A36E51 #A39751 #86A351

triadic

#A39751 #51A397 #9751A3

tetradic

#A39751 #51A36E #515DA3 #A35186

square

#A39751 #51A36E #515DA3 #A35186

split-complementary

#A39751 #5186A3 #6E51A3

monochromatic

#514B28 #7A713D #A39751 #BBB176 #CFC89F

Accessibility & contrast

On white

2.96

#A39751 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

7.10

#A39751 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #A39751

7.10:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##A39751	#FFFFFF	#000000	##000000
##A39751	1.00	2.96	7.10	7.10
#FFFFFF	2.96	1.00	21.00	21.00
#000000	7.10	21.00	1.00	1.00
##000000	7.10	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#A3934B

Deuteranopia (green-blind)

#A69854

Tritanopia (blue-blind)

#AE8E87

Achromatopsia (no color)

#969696

Design tokens & code

CSS

--color: #a39751;
/* rgb */ color: rgb(163, 151, 81);
/* oklch */ color: oklch(67.1% 0.092 99.8);

Tailwind

colors: {
  custom: {
    50: '#c0b583',
    500: '#a39751',
    950: '#000000',
  },
}

SCSS

$custom: #a39751;
$custom-light: #c0b583;
$custom-dark: #000000;

JSON

{
  "hex": "#a39751",
  "rgb": {
    "r": 163,
    "g": 151,
    "b": 81
  },
  "hsl": {
    "h": 51.22,
    "s": 33.607,
    "l": 47.843
  },
  "oklch": {
    "l": 0.67142,
    "c": 0.09223,
    "h": 99.8
  },
  "luminance": 0.30514
}

Semantic roles & 50–950 ramp

primary

#A39751

secondary

#9399BC

accent

#6ECA5E

background

#FCFBF8

surface

#F8F6EF

border

#D1D0CA

text

#12110B

muted

#81807C

Preview Lab

Preview with #A39751

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

Preview Lab → · Contrast checker → · Palette generator →