#447310#447310

#447310 is a mid, vivid yellow-green. Relative luminance 0.135; OKLCH L 50.3% C 0.134 H 132.8°. Best body text is #FFFFFF at 5.67:1 contrast (WCAG AA passes).

Color values

HEX#447310
RGBrgb(68, 115, 16)
HSLhsl(88, 76%, 26%)
HSVhsv(88, 86%, 45%)
CMYKcmyk(40.9%, 0%, 86.1%, 54.9%)
CIE-LABlab(43.55, -32.13, 44.73)
CIE-LCHlch(43.55, 55.07, 125.69°)
OKLaboklab(50.26% -0.0908 0.0981)
OKLCHoklch(50.26% 0.134 132.8)
XYZxyz(8.6080, 13.5274, 2.6476)
Luminance0.1353 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#447310 #3F1073
analogous
#737010 #447310 #127310
triadic
#447310 #104473 #731044
tetradic
#447310 #107370 #3F1073 #731012
square
#447310 #107370 #3F1073 #731012
split-complementary
#447310 #101273 #701073
monochromatic
#101B04 #243D09 #447310 #64A917 #84DE1F

Accessibility & contrast

On white

5.67
#447310 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.71
#447310 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #447310
5.67:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##447310#FFFFFF#000000##FFFFFF
##4473101.005.673.715.67
#FFFFFF5.671.0021.001.00
#0000003.7121.001.0021.00
##FFFFFF5.671.0021.001.00

Color blindness preview

Protanopia (red-blind)
#786900
Deuteranopia (green-blind)
#72661C
Tritanopia (blue-blind)
#446E61
Achromatopsia (no color)
#676767

Design tokens & code

CSS
--color: #447310;
/* rgb */ color: rgb(68, 115, 16);
/* oklch */ color: oklch(50.3% 0.134 132.8);
Tailwind
colors: {
  custom: {
    50: '#7d9b59',
    500: '#447310',
    950: '#000000',
  },
}
SCSS
$custom: #447310;
$custom-light: #7d9b59;
$custom-dark: #000000;
JSON
{
  "hex": "#447310",
  "rgb": {
    "r": 68,
    "g": 115,
    "b": 16
  },
  "hsl": {
    "h": 88.485,
    "s": 75.573,
    "l": 25.686
  },
  "oklch": {
    "l": 0.50261,
    "c": 0.13368,
    "h": 132.8
  },
  "luminance": 0.13528
}

Semantic roles & 50–950 ramp

primary
#447310
secondary
#6C34AA
accent
#36F28F
background
#F7F9F5
surface
#EEF2E9
border
#C9CCC5
text
#0A0E04
muted
#7C7E79

Preview Lab

Preview with #447310

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

Preview Lab → · Contrast checker → · Palette generator →

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