#AAA624#AAA624

#AAA624 is a light, vivid yellow. Relative luminance 0.359; OKLCH L 70.7% C 0.142 H 107.7°. Best body text is #000000 at 8.19:1 contrast (WCAG AA passes).

Color values

HEX#AAA624
RGBrgb(170, 166, 36)
HSLhsl(58, 65%, 40%)
HSVhsv(58, 79%, 67%)
CMYKcmyk(0%, 2.4%, 78.8%, 33.3%)
CIE-LABlab(66.48, -13.08, 62.09)
CIE-LCHlch(66.48, 63.45, 101.89°)
OKLaboklab(70.66% -0.043 0.135)
OKLCHoklch(70.66% 0.142 107.7)
XYZxyz(30.5335, 35.9469, 6.9988)
Luminance0.3595 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#AAA624 #2428AA
analogous
#AA6324 #AAA624 #6BAA24
triadic
#AAA624 #24AAA6 #A624AA
tetradic
#AAA624 #24AA63 #2428AA #AA246B
square
#AAA624 #24AA63 #2428AA #AA246B
split-complementary
#AAA624 #246BAA #6324AA
monochromatic
#45430F #777519 #AAA624 #D5D037 #DFDC69

Accessibility & contrast

On white

2.56
#AAA624 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.19
#AAA624 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #AAA624
8.19:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##AAA624#FFFFFF#000000##000000
##AAA6241.002.568.198.19
#FFFFFF2.561.0021.0021.00
#0000008.1921.001.001.00
##0000008.1921.001.001.00

Color blindness preview

Protanopia (red-blind)
#B49F00
Deuteranopia (green-blind)
#B7A42F
Tritanopia (blue-blind)
#B79B8E
Achromatopsia (no color)
#A2A2A2

Design tokens & code

CSS
--color: #aaa624;
/* rgb */ color: rgb(170, 166, 36);
/* oklch */ color: oklch(70.7% 0.142 107.7);
Tailwind
colors: {
  custom: {
    50: '#c7c06b',
    500: '#aaa624',
    950: '#000000',
  },
}
SCSS
$custom: #aaa624;
$custom-light: #c7c06b;
$custom-dark: #000000;
JSON
{
  "hex": "#aaa624",
  "rgb": {
    "r": 170,
    "g": 166,
    "b": 36
  },
  "hsl": {
    "h": 58.209,
    "s": 65.049,
    "l": 40.392
  },
  "oklch": {
    "l": 0.70655,
    "c": 0.14169,
    "h": 107.7
  },
  "luminance": 0.35946
}

Semantic roles & 50–950 ramp

primary
#AAA624
secondary
#6567C5
accent
#45E840
background
#FCFBF6
surface
#F9F7EC
border
#D2D0C7
text
#141207
muted
#82817A

Preview Lab

Preview with #AAA624

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

Preview Lab → · Contrast checker → · Palette generator →

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