#54691F#54691F

#54691F is a mid, moderate yellow-green. Relative luminance 0.121; OKLCH L 48.8% C 0.102 H 123.8°. Best body text is #FFFFFF at 6.15:1 contrast (WCAG AA passes).

Color values

HEX#54691F
RGBrgb(84, 105, 31)
HSLhsl(77, 54%, 27%)
HSVhsv(77, 70%, 41%)
CMYKcmyk(20%, 0%, 70.5%, 58.8%)
CIE-LABlab(41.35, -19.70, 37.44)
CIE-LCHlch(41.35, 42.31, 117.75°)
OKLaboklab(48.77% -0.0569 0.0849)
OKLCHoklch(48.77% 0.102 123.8)
XYZxyz(8.9551, 12.0868, 3.1573)
Luminance0.1209 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#54691F #341F69
analogous
#69591F #54691F #2F691F
triadic
#54691F #1F5469 #691F54
tetradic
#54691F #1F6959 #341F69 #691F2F
square
#54691F #1F6959 #341F69 #691F2F
split-complementary
#54691F #1F2F69 #591F69
monochromatic
#131807 #2E3A11 #54691F #7A982D #9FC63D

Accessibility & contrast

On white

6.15
#54691F on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.42
#54691F on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #54691F
6.15:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##54691F#FFFFFF#000000##FFFFFF
##54691F1.006.153.426.15
#FFFFFF6.151.0021.001.00
#0000003.4221.001.0021.00
##FFFFFF6.151.0021.001.00

Color blindness preview

Protanopia (red-blind)
#6F6215
Deuteranopia (green-blind)
#6C6125
Tritanopia (blue-blind)
#58645A
Achromatopsia (no color)
#626262

Design tokens & code

CSS
--color: #54691f;
/* rgb */ color: rgb(84, 105, 31);
/* oklch */ color: oklch(48.8% 0.102 123.8);
Tailwind
colors: {
  custom: {
    50: '#86945f',
    500: '#54691f',
    950: '#000000',
  },
}
SCSS
$custom: #54691f;
$custom-light: #86945f;
$custom-dark: #000000;
JSON
{
  "hex": "#54691f",
  "rgb": {
    "r": 84,
    "g": 105,
    "b": 31
  },
  "hsl": {
    "h": 77.027,
    "s": 54.412,
    "l": 26.667
  },
  "oklch": {
    "l": 0.4877,
    "c": 0.10216,
    "h": 123.8
  },
  "luminance": 0.12087
}

Semantic roles & 50–950 ramp

primary
#54691F
secondary
#5F479D
accent
#4ADE74
background
#F8F9F5
surface
#F0F1E9
border
#CBCBC5
text
#0B0D05
muted
#7C7E79

Preview Lab

Preview with #54691F

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

Preview Lab → · Contrast checker → · Palette generator →

#54691F Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva