#AAAC52#AAAC52

#AAAC52 is a light, moderate yellow. Relative luminance 0.387; OKLCH L 72.4% C 0.114 H 110.1°. Best body text is #000000 at 8.73:1 contrast (WCAG AA passes).

Color values

HEX#AAAC52
RGBrgb(170, 172, 82)
HSLhsl(61, 35%, 50%)
HSVhsv(61, 52%, 67%)
CMYKcmyk(1.2%, 0%, 52.3%, 32.5%)
CIE-LABlab(68.50, -13.34, 45.45)
CIE-LCHlch(68.50, 47.37, 106.36°)
OKLaboklab(72.39% -0.039 0.1067)
OKLCHoklch(72.39% 0.114 110.1)
XYZxyz(32.8538, 38.6610, 13.7127)
Luminance0.3866 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#AAAC52 #5452AC
analogous
#AC8152 #AAAC52 #7DAC52
triadic
#AAAC52 #52AAAC #AC52AA
tetradic
#AAAC52 #52AC81 #5452AC #AC527D
square
#AAAC52 #52AC81 #5452AC #AC527D
split-complementary
#AAAC52 #527DAC #8152AC
monochromatic
#58592A #81833E #AAAC52 #BFC07B #D3D4A5

Accessibility & contrast

On white

2.40
#AAAC52 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.73
#AAAC52 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #AAAC52
8.73:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##AAAC52#FFFFFF#000000##000000
##AAAC521.002.408.738.73
#FFFFFF2.401.0021.0021.00
#0000008.7321.001.001.00
##0000008.7321.001.001.00

Color blindness preview

Protanopia (red-blind)
#B8A549
Deuteranopia (green-blind)
#B9A857
Tritanopia (blue-blind)
#B4A398
Achromatopsia (no color)
#A7A7A7

Design tokens & code

CSS
--color: #aaac52;
/* rgb */ color: rgb(170, 172, 82);
/* oklch */ color: oklch(72.4% 0.114 110.1);
Tailwind
colors: {
  custom: {
    50: '#c5c485',
    500: '#aaac52',
    950: '#000000',
  },
}
SCSS
$custom: #aaac52;
$custom-light: #c5c485;
$custom-dark: #000000;
JSON
{
  "hex": "#aaac52",
  "rgb": {
    "r": 170,
    "g": 172,
    "b": 82
  },
  "hsl": {
    "h": 61.333,
    "s": 35.433,
    "l": 49.804
  },
  "oklch": {
    "l": 0.72386,
    "c": 0.11364,
    "h": 110.1
  },
  "luminance": 0.3866
}

Semantic roles & 50–950 ramp

primary
#AAAC52
secondary
#9999C1
accent
#5CCB5F
background
#FCFCF8
surface
#F8F8EF
border
#D1D1CA
text
#13120B
muted
#82817C

Preview Lab

Preview with #AAAC52

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

Preview Lab → · Contrast checker → · Palette generator →

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