#575430#575430

#575430 is a dark, muted yellow. Relative luminance 0.086; OKLCH L 43.9% C 0.054 H 104.2°. Best body text is #FFFFFF at 7.73:1 contrast (WCAG AA passes).

Color values

HEX#575430
RGBrgb(87, 84, 48)
HSLhsl(55, 29%, 26%)
HSVhsv(55, 45%, 34%)
CMYKcmyk(0%, 3.4%, 44.8%, 65.9%)
CIE-LABlab(35.16, -4.80, 21.45)
CIE-LCHlch(35.16, 21.98, 102.61°)
OKLaboklab(43.94% -0.0132 0.0521)
OKLCHoklch(43.94% 0.054 104.2)
XYZxyz(7.6344, 8.5805, 4.0498)
Luminance0.0858 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#575430 #303357
analogous
#574130 #575430 #475730
triadic
#575430 #305754 #543057
tetradic
#575430 #305741 #303357 #573047
square
#575430 #305741 #303357 #573047
split-complementary
#575430 #304757 #413057
monochromatic
#14130B #302E1A #575430 #7E7A46 #A5A05C

Accessibility & contrast

On white

7.73
#575430 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.72
#575430 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #575430
7.73:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##575430#FFFFFF#000000##FFFFFF
##5754301.007.732.727.73
#FFFFFF7.731.0021.001.00
#0000002.7221.001.0021.00
##FFFFFF7.731.0021.001.00

Color blindness preview

Protanopia (red-blind)
#5A522D
Deuteranopia (green-blind)
#5B5432
Tritanopia (blue-blind)
#5C504B
Achromatopsia (no color)
#535353

Design tokens & code

CSS
--color: #575430;
/* rgb */ color: rgb(87, 84, 48);
/* oklch */ color: oklch(43.9% 0.054 104.2);
Tailwind
colors: {
  custom: {
    50: '#878469',
    500: '#575430',
    950: '#000000',
  },
}
SCSS
$custom: #575430;
$custom-light: #878469;
$custom-dark: #000000;
JSON
{
  "hex": "#575430",
  "rgb": {
    "r": 87,
    "g": 84,
    "b": 48
  },
  "hsl": {
    "h": 55.385,
    "s": 28.889,
    "l": 26.471
  },
  "oklch": {
    "l": 0.43939,
    "c": 0.05376,
    "h": 104.2
  },
  "luminance": 0.0858
}

Semantic roles & 50–950 ramp

primary
#575430
secondary
#5A5E88
accent
#6AC563
background
#F8F8F6
surface
#EFEFEB
border
#CACAC6
text
#0B0A06
muted
#7C7C7A

Preview Lab

Preview with #575430

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

Preview Lab → · Contrast checker → · Palette generator →

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