#727121#727121

#727121 is a mid, moderate yellow. Relative luminance 0.155; OKLCH L 53.4% C 0.100 H 108.7°. Best body text is #FFFFFF at 5.12:1 contrast (WCAG AA passes).

Color values

HEX#727121
RGBrgb(114, 113, 33)
HSLhsl(59, 55%, 29%)
HSVhsv(59, 71%, 45%)
CMYKcmyk(0%, 0.9%, 71.1%, 55.3%)
CIE-LABlab(46.31, -10.17, 42.42)
CIE-LCHlch(46.31, 43.62, 103.48°)
OKLaboklab(53.36% -0.032 0.0949)
OKLCHoklch(53.36% 0.1 108.7)
XYZxyz(13.1195, 15.4979, 3.7388)
Luminance0.1550 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#727121 #212272
analogous
#724921 #727121 #4B7221
triadic
#727121 #217271 #712172
tetradic
#727121 #217249 #212272 #72214B
square
#727121 #217249 #212272 #72214B
split-complementary
#727121 #214B72 #492172
monochromatic
#181807 #434213 #727121 #A1A02F #C9C744

Accessibility & contrast

On white

5.12
#727121 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.10
#727121 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #727121
5.12:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##727121#FFFFFF#000000##FFFFFF
##7271211.005.124.105.12
#FFFFFF5.121.0021.001.00
#0000004.1021.001.0021.00
##FFFFFF5.121.0021.001.00

Color blindness preview

Protanopia (red-blind)
#7A6C15
Deuteranopia (green-blind)
#7C6F27
Tritanopia (blue-blind)
#7A6A61
Achromatopsia (no color)
#6E6E6E

Design tokens & code

CSS
--color: #727121;
/* rgb */ color: rgb(114, 113, 33);
/* oklch */ color: oklch(53.4% 0.100 108.7);
Tailwind
colors: {
  custom: {
    50: '#9d9962',
    500: '#727121',
    950: '#000000',
  },
}
SCSS
$custom: #727121;
$custom-light: #9d9962;
$custom-dark: #000000;
JSON
{
  "hex": "#727121",
  "rgb": {
    "r": 114,
    "g": 113,
    "b": 33
  },
  "hsl": {
    "h": 59.259,
    "s": 55.102,
    "l": 28.824
  },
  "oklch": {
    "l": 0.53365,
    "c": 0.10012,
    "h": 108.7
  },
  "luminance": 0.15497
}

Semantic roles & 50–950 ramp

primary
#727121
secondary
#494AA5
accent
#4BDE49
background
#F9F9F6
surface
#F2F2EB
border
#CCCCC6
text
#0F0D05
muted
#7E7E7A

Preview Lab

Preview with #727121

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

Preview Lab → · Contrast checker → · Palette generator →

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