#106A30#106A30

#106A30 is a mid, vivid green. Relative luminance 0.106; OKLCH L 46.1% C 0.121 H 149.5°. Best body text is #FFFFFF at 6.72:1 contrast (WCAG AA passes).

Color values

HEX	#106A30
RGB	rgb(16, 106, 48)
HSL	hsl(141, 74%, 24%)
HSV	hsv(141, 85%, 42%)
CMYK	cmyk(84.9%, 0%, 54.7%, 58.4%)
CIE-LAB	lab(38.95, -38.88, 25.41)
CIE-LCH	lch(38.95, 46.45, 146.83°)
OKLab	oklab(46.07% -0.1044 0.0614)
OKLCH	oklch(46.07% 0.121 149.5)
XYZ	xyz(5.9007, 10.6309, 4.5367)
Luminance	0.1063 (WCAG relative)
Temperature	neutral
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#106A30 #6A104A

analogous

#1D6A10 #106A30 #106A5D

triadic

#106A30 #30106A #6A3010

tetradic

#106A30 #101D6A #6A104A #6A5D10

square

#106A30 #101D6A #6A104A #6A5D10

split-complementary

#106A30 #5D106A #6A101D

monochromatic

#041B0C #083518 #106A30 #189F48 #20D460

Accessibility & contrast

On white

6.72

#106A30 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.13

#106A30 on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #106A30

6.72:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##106A30	#FFFFFF	#000000	##FFFFFF
##106A30	1.00	6.72	3.13	6.72
#FFFFFF	6.72	1.00	21.00	1.00
#000000	3.13	21.00	1.00	21.00
##FFFFFF	6.72	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#6B602B

Deuteranopia (green-blind)

#615934

Tritanopia (blue-blind)

#00685D

Achromatopsia (no color)

#5C5C5C

Design tokens & code

CSS

--color: #106a30;
/* rgb */ color: rgb(16, 106, 48);
/* oklch */ color: oklch(46.1% 0.121 149.5);

Tailwind

colors: {
  custom: {
    50: '#60966a',
    500: '#106a30',
    950: '#000000',
  },
}

SCSS

$custom: #106a30;
$custom-light: #60966a;
$custom-dark: #000000;

JSON

{
  "hex": "#106a30",
  "rgb": {
    "r": 16,
    "g": 106,
    "b": 48
  },
  "hsl": {
    "h": 141.333,
    "s": 73.77,
    "l": 23.922
  },
  "oklch": {
    "l": 0.46072,
    "c": 0.12107,
    "h": 149.5
  },
  "luminance": 0.10632
}

Semantic roles & 50–950 ramp

primary

#106A30

secondary

#A2347B

accent

#37AFF0

background

#F6F9F6

surface

#EBF2EB

border

#C6CCC6

text

#060D06

muted

#7A7E7A

Preview Lab

Preview with #106A30

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

Preview Lab → · Contrast checker → · Palette generator →