#ACB055#ACB055

#ACB055 is a light, moderate yellow. Relative luminance 0.405; OKLCH L 73.5% C 0.115 H 111.2°. Best body text is #000000 at 9.10:1 contrast (WCAG AA passes).

Color values

HEX#ACB055
RGBrgb(172, 176, 85)
HSLhsl(63, 37%, 51%)
HSVhsv(63, 52%, 69%)
CMYKcmyk(2.3%, 0%, 51.7%, 31%)
CIE-LABlab(69.81, -14.31, 45.57)
CIE-LCHlch(69.81, 47.76, 107.43°)
OKLaboklab(73.48% -0.0416 0.1073)
OKLCHoklch(73.48% 0.115 111.2)
XYZxyz(34.1790, 40.4779, 14.6051)
Luminance0.4048 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#ACB055 #5955B0
analogous
#B08655 #ACB055 #7EB055
triadic
#ACB055 #55ACB0 #B055AC
tetradic
#ACB055 #55B086 #5955B0 #B0557E
square
#ACB055 #55B086 #5955B0 #B0557E
split-complementary
#ACB055 #557EB0 #8655B0
monochromatic
#5C5F2C #85883F #ACB055 #C0C37F #D5D7A9

Accessibility & contrast

On white

2.31
#ACB055 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.10
#ACB055 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #ACB055
9.10:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##ACB055#FFFFFF#000000##000000
##ACB0551.002.319.109.10
#FFFFFF2.311.0021.0021.00
#0000009.1021.001.001.00
##0000009.1021.001.001.00

Color blindness preview

Protanopia (red-blind)
#BCA94C
Deuteranopia (green-blind)
#BCAC5A
Tritanopia (blue-blind)
#B6A79B
Achromatopsia (no color)
#ABABAB

Design tokens & code

CSS
--color: #acb055;
/* rgb */ color: rgb(172, 176, 85);
/* oklch */ color: oklch(73.5% 0.115 111.2);
Tailwind
colors: {
  custom: {
    50: '#c7c787',
    500: '#acb055',
    950: '#000000',
  },
}
SCSS
$custom: #acb055;
$custom-light: #c7c787;
$custom-dark: #000000;
JSON
{
  "hex": "#acb055",
  "rgb": {
    "r": 172,
    "g": 176,
    "b": 85
  },
  "hsl": {
    "h": 62.637,
    "s": 36.546,
    "l": 51.176
  },
  "oklch": {
    "l": 0.73476,
    "c": 0.11502,
    "h": 111.2
  },
  "luminance": 0.40477
}

Semantic roles & 50–950 ramp

primary
#ACB055
secondary
#9E9CC5
accent
#5BCD60
background
#FCFCF8
surface
#F8F8F0
border
#D1D1CB
text
#13130B
muted
#82827C

Preview Lab

Preview with #ACB055

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

Preview Lab → · Contrast checker → · Palette generator →

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