#645011#645011

#645011 is a dark, moderate yellow. Relative luminance 0.085; OKLCH L 44.0% C 0.082 H 90.1°. Best body text is #FFFFFF at 7.79:1 contrast (WCAG AA passes).

Color values

HEX#645011
RGBrgb(100, 80, 17)
HSLhsl(46, 71%, 23%)
HSVhsv(46, 83%, 39%)
CMYKcmyk(0%, 20%, 83%, 60.8%)
CIE-LABlab(34.98, 1.43, 37.56)
CIE-LCHlch(34.98, 37.59, 87.82°)
OKLaboklab(44% -0.0001 0.0818)
OKLCHoklch(44% 0.082 90.1)
XYZxyz(8.2259, 8.4876, 1.7352)
Luminance0.0849 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#645011 #112564
analogous
#642611 #645011 #4E6411
triadic
#645011 #116450 #501164
tetradic
#645011 #116426 #112564 #64114E
square
#645011 #116426 #112564 #64114E
split-complementary
#645011 #114E64 #261164
monochromatic
#1A1504 #302608 #645011 #987A1A #CDA423

Accessibility & contrast

On white

7.79
#645011 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.70
#645011 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #645011
7.79:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##645011#FFFFFF#000000##FFFFFF
##6450111.007.792.707.79
#FFFFFF7.791.0021.001.00
#0000002.7021.001.0021.00
##FFFFFF7.791.0021.001.00

Color blindness preview

Protanopia (red-blind)
#5A4F05
Deuteranopia (green-blind)
#5F5515
Tritanopia (blue-blind)
#6D4844
Achromatopsia (no color)
#525252

Design tokens & code

CSS
--color: #645011;
/* rgb */ color: rgb(100, 80, 17);
/* oklch */ color: oklch(44.0% 0.082 90.1);
Tailwind
colors: {
  custom: {
    50: '#948055',
    500: '#645011',
    950: '#000000',
  },
}
SCSS
$custom: #645011;
$custom-light: #948055;
$custom-dark: #000000;
JSON
{
  "hex": "#645011",
  "rgb": {
    "r": 100,
    "g": 80,
    "b": 17
  },
  "hsl": {
    "h": 45.542,
    "s": 70.94,
    "l": 22.941
  },
  "oklch": {
    "l": 0.44003,
    "c": 0.08182,
    "h": 90.1
  },
  "luminance": 0.08487
}

Semantic roles & 50–950 ramp

primary
#645011
secondary
#354E9C
accent
#65EE3A
background
#F9F7F5
surface
#F2EEE9
border
#CCC9C5
text
#0E0A03
muted
#7E7C78

Preview Lab

Preview with #645011

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

Preview Lab → · Contrast checker → · Palette generator →

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