#575812#575812

#575812 is a dark, moderate yellow. Relative luminance 0.090; OKLCH L 44.6% C 0.089 H 110.3°. Best body text is #FFFFFF at 7.47:1 contrast (WCAG AA passes).

Color values

HEX#575812
RGBrgb(87, 88, 18)
HSLhsl(61, 66%, 21%)
HSVhsv(61, 80%, 35%)
CMYKcmyk(1.1%, 0%, 79.5%, 65.5%)
CIE-LABlab(36.08, -9.74, 37.71)
CIE-LCHlch(36.08, 38.95, 104.48°)
OKLaboklab(44.56% -0.0308 0.083)
OKLCHoklch(44.56% 0.089 110.3)
XYZxyz(7.5297, 9.0496, 1.9223)
Luminance0.0905 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#575812 #131258
analogous
#583612 #575812 #345812
triadic
#575812 #125758 #581257
tetradic
#575812 #125836 #131258 #581234
square
#575812 #125836 #131258 #581234
split-complementary
#575812 #123458 #361258
monochromatic
#191905 #252508 #575812 #898B1C #BBBE27

Accessibility & contrast

On white

7.47
#575812 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.81
#575812 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #575812
7.47:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##575812#FFFFFF#000000##FFFFFF
##5758121.007.472.817.47
#FFFFFF7.471.0021.001.00
#0000002.8121.001.0021.00
##FFFFFF7.471.0021.001.00

Color blindness preview

Protanopia (red-blind)
#605404
Deuteranopia (green-blind)
#605618
Tritanopia (blue-blind)
#5E524B
Achromatopsia (no color)
#555555

Design tokens & code

CSS
--color: #575812;
/* rgb */ color: rgb(87, 88, 18);
/* oklch */ color: oklch(44.6% 0.089 110.3);
Tailwind
colors: {
  custom: {
    50: '#898656',
    500: '#575812',
    950: '#000000',
  },
}
SCSS
$custom: #575812;
$custom-light: #898656;
$custom-dark: #000000;
JSON
{
  "hex": "#575812",
  "rgb": {
    "r": 87,
    "g": 88,
    "b": 18
  },
  "hsl": {
    "h": 60.857,
    "s": 66.038,
    "l": 20.784
  },
  "oklch": {
    "l": 0.44562,
    "c": 0.08851,
    "h": 110.3
  },
  "luminance": 0.09049
}

Semantic roles & 50–950 ramp

primary
#575812
secondary
#363591
accent
#3FE941
background
#F8F8F5
surface
#F0EFE9
border
#CBCAC5
text
#0C0B03
muted
#7D7C78

Preview Lab

Preview with #575812

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

Preview Lab → · Contrast checker → · Palette generator →

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