#276516#276516

#276516 is a dark, vivid green. Relative luminance 0.098; OKLCH L 44.9% C 0.128 H 139.9°. Best body text is #FFFFFF at 7.10:1 contrast (WCAG AA passes).

Color values

HEX	#276516
RGB	rgb(39, 101, 22)
HSL	hsl(107, 64%, 24%)
HSV	hsv(107, 78%, 40%)
CMYK	cmyk(61.4%, 0%, 78.2%, 60.4%)
CIE-LAB	lab(37.47, -35.53, 36.49)
CIE-LCH	lch(37.47, 50.93, 134.23°)
OKLab	oklab(44.92% -0.0976 0.0823)
OKLCH	oklch(44.92% 0.128 139.9)
XYZ	xyz(5.6350, 9.7961, 2.3528)
Luminance	0.0980 (WCAG relative)
Temperature	neutral
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#276516 #541665

analogous

#4F6516 #276516 #16652D

triadic

#276516 #162765 #651627

tetradic

#276516 #164F65 #541665 #652D16

square

#276516 #164F65 #541665 #652D16

split-complementary

#276516 #2D1665 #65164F

monochromatic

#0A1905 #14330B #276516 #3A9721 #4ECA2C

Accessibility & contrast

On white

7.10

#276516 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.96

#276516 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #276516

7.10:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##276516	#FFFFFF	#000000	##FFFFFF
##276516	1.00	7.10	2.96	7.10
#FFFFFF	7.10	1.00	21.00	1.00
#000000	2.96	21.00	1.00	21.00
##FFFFFF	7.10	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#685B07

Deuteranopia (green-blind)

#60561E

Tritanopia (blue-blind)

#1F6156

Achromatopsia (no color)

#585858

Design tokens & code

CSS

--color: #276516;
/* rgb */ color: rgb(39, 101, 22);
/* oklch */ color: oklch(44.9% 0.128 139.9);

Tailwind

colors: {
  custom: {
    50: '#699159',
    500: '#276516',
    950: '#000000',
  },
}

SCSS

$custom: #276516;
$custom-light: #699159;
$custom-dark: #000000;

JSON

{
  "hex": "#276516",
  "rgb": {
    "r": 39,
    "g": 101,
    "b": 22
  },
  "hsl": {
    "h": 107.089,
    "s": 64.228,
    "l": 24.118
  },
  "oklch": {
    "l": 0.44923,
    "c": 0.12762,
    "h": 139.9
  },
  "luminance": 0.09797
}

Semantic roles & 50–950 ramp

primary

#276516

secondary

#873B9C

accent

#41E7C3

background

#F6F9F5

surface

#EBF1E9

border

#C6CBC5

text

#070D04

muted

#7A7E79

Preview Lab

Preview with #276516

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

Preview Lab → · Contrast checker → · Palette generator →