#A68A30#A68A30

#A68A30 is a light, moderate yellow. Relative luminance 0.265; OKLCH L 64.3% C 0.112 H 91.3°. Best body text is #000000 at 6.30:1 contrast (WCAG AA passes).

Color values

HEX#A68A30
RGBrgb(166, 138, 48)
HSLhsl(46, 55%, 42%)
HSVhsv(46, 71%, 65%)
CMYKcmyk(0%, 16.9%, 71.1%, 34.9%)
CIE-LABlab(58.51, 0.69, 50.00)
CIE-LCHlch(58.51, 50.00, 89.21°)
OKLaboklab(64.26% -0.0026 0.1118)
OKLCHoklch(64.26% 0.112 91.3)
XYZxyz(25.3492, 26.4988, 6.5753)
Luminance0.2650 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#A68A30 #304CA6
analogous
#A64F30 #A68A30 #87A630
triadic
#A68A30 #30A68A #8A30A6
tetradic
#A68A30 #30A64F #304CA6 #A63087
square
#A68A30 #30A64F #304CA6 #A63087
split-complementary
#A68A30 #3087A6 #4F30A6
monochromatic
#473B15 #776322 #A68A30 #CAAC49 #D8C178

Accessibility & contrast

On white

3.33
#A68A30 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.30
#A68A30 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #A68A30
6.30:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##A68A30#FFFFFF#000000##000000
##A68A301.003.336.306.30
#FFFFFF3.331.0021.0021.00
#0000006.3021.001.001.00
##0000006.3021.001.001.00

Color blindness preview

Protanopia (red-blind)
#998824
Deuteranopia (green-blind)
#A09035
Tritanopia (blue-blind)
#B47F78
Achromatopsia (no color)
#8D8D8D

Design tokens & code

CSS
--color: #a68a30;
/* rgb */ color: rgb(166, 138, 48);
/* oklch */ color: oklch(64.3% 0.112 91.3);
Tailwind
colors: {
  custom: {
    50: '#c4ab6e',
    500: '#a68a30',
    950: '#000000',
  },
}
SCSS
$custom: #a68a30;
$custom-light: #c4ab6e;
$custom-dark: #000000;
JSON
{
  "hex": "#a68a30",
  "rgb": {
    "r": 166,
    "g": 138,
    "b": 48
  },
  "hsl": {
    "h": 45.763,
    "s": 55.14,
    "l": 41.961
  },
  "oklch": {
    "l": 0.64263,
    "c": 0.1118,
    "h": 91.3
  },
  "luminance": 0.26497
}

Semantic roles & 50–950 ramp

primary
#A68A30
secondary
#7184C0
accent
#6DDE49
background
#FCFAF6
surface
#F8F4EC
border
#D1CEC7
text
#131007
muted
#827F7A

Preview Lab

Preview with #A68A30

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

Preview Lab → · Contrast checker → · Palette generator →

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