#314003#314003

#314003 is a dark, moderate yellow-green. Relative luminance 0.043; OKLCH L 34.6% C 0.083 H 123.5°. Best body text is #FFFFFF at 11.26:1 contrast (WCAG AA passes).

Color values

HEX#314003
RGBrgb(49, 64, 3)
HSLhsl(75, 91%, 13%)
HSVhsv(75, 95%, 25%)
CMYKcmyk(23.4%, 0%, 95.3%, 74.9%)
CIE-LABlab(24.72, -15.49, 31.80)
CIE-LCHlch(24.72, 35.37, 115.98°)
OKLaboklab(34.58% -0.0457 0.069)
OKLCHoklch(34.58% 0.083 123.5)
XYZxyz(3.1165, 4.3263, 0.7570)
Luminance0.0433 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#314003 #120340
analogous
#403003 #314003 #124003
triadic
#314003 #033140 #400331
tetradic
#314003 #034030 #120340 #400312
square
#314003 #034030 #120340 #400312
split-complementary
#314003 #031240 #300340
monochromatic
#161D01 #161D01 #314003 #5E7A06 #8BB508

Accessibility & contrast

On white

11.26
#314003 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.87
#314003 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #314003
11.26:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##314003#FFFFFF#000000##FFFFFF
##3140031.0011.261.8711.26
#FFFFFF11.261.0021.001.00
#0000001.8721.001.0021.00
##FFFFFF11.261.0021.001.00

Color blindness preview

Protanopia (red-blind)
#443B00
Deuteranopia (green-blind)
#423B09
Tritanopia (blue-blind)
#343C35
Achromatopsia (no color)
#3B3B3B

Design tokens & code

CSS
--color: #314003;
/* rgb */ color: rgb(49, 64, 3);
/* oklch */ color: oklch(34.6% 0.083 123.5);
Tailwind
colors: {
  custom: {
    50: '#6c744a',
    500: '#314003',
    950: '#000000',
  },
}
SCSS
$custom: #314003;
$custom-light: #6c744a;
$custom-dark: #000000;
JSON
{
  "hex": "#314003",
  "rgb": {
    "r": 49,
    "g": 64,
    "b": 3
  },
  "hsl": {
    "h": 74.754,
    "s": 91.045,
    "l": 13.137
  },
  "oklch": {
    "l": 0.34581,
    "c": 0.08281,
    "h": 123.5
  },
  "luminance": 0.04326
}

Semantic roles & 50–950 ramp

primary
#314003
secondary
#361D82
accent
#29FF5D
background
#F6F7F4
surface
#EBEDE7
border
#C6C8C3
text
#070801
muted
#7A7B77

Preview Lab

Preview with #314003

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

Preview Lab → · Contrast checker → · Palette generator →

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