#107C26#107C26

#107C26 is a mid, vivid green. Relative luminance 0.147; OKLCH L 51.2% C 0.153 H 145.3°. Best body text is #FFFFFF at 5.34:1 contrast (WCAG AA passes).

Color values

HEX#107C26
RGBrgb(16, 124, 38)
HSLhsl(132, 77%, 27%)
HSVhsv(132, 87%, 49%)
CMYKcmyk(87.1%, 0%, 69.4%, 51.4%)
CIE-LABlab(45.17, -46.66, 37.60)
CIE-LCHlch(45.17, 59.93, 141.14°)
OKLaboklab(51.2% -0.1257 0.0869)
OKLCHoklch(51.2% 0.153 145.3)
XYZxyz(7.7706, 14.6644, 4.2543)
Luminance0.1467 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#107C26 #7C1066
analogous
#307C10 #107C26 #107C5C
triadic
#107C26 #26107C #7C2610
tetradic
#107C26 #10307C #7C1066 #7C5C10
square
#107C26 #10307C #7C1066 #7C5C10
split-complementary
#107C26 #5C107C #7C1030
monochromatic
#031B08 #094615 #107C26 #17B237 #24E34B

Accessibility & contrast

On white

5.34
#107C26 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.93
#107C26 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #107C26
5.34:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##107C26#FFFFFF#000000##FFFFFF
##107C261.005.343.935.34
#FFFFFF5.341.0021.001.00
#0000003.9321.001.0021.00
##FFFFFF5.341.0021.001.00

Color blindness preview

Protanopia (red-blind)
#7E701B
Deuteranopia (green-blind)
#73682E
Tritanopia (blue-blind)
#00796A
Achromatopsia (no color)
#6B6B6B

Design tokens & code

CSS
--color: #107c26;
/* rgb */ color: rgb(16, 124, 38);
/* oklch */ color: oklch(51.2% 0.153 145.3);
Tailwind
colors: {
  custom: {
    50: '#66a365',
    500: '#107c26',
    950: '#000000',
  },
}
SCSS
$custom: #107c26;
$custom-light: #66a365;
$custom-dark: #000000;
JSON
{
  "hex": "#107c26",
  "rgb": {
    "r": 16,
    "g": 124,
    "b": 38
  },
  "hsl": {
    "h": 132.222,
    "s": 77.143,
    "l": 27.451
  },
  "oklch": {
    "l": 0.512,
    "c": 0.15279,
    "h": 145.3
  },
  "luminance": 0.14665
}

Semantic roles & 50–950 ramp

primary
#107C26
secondary
#B23599
accent
#34CDF4
background
#F6FAF6
surface
#EBF4EB
border
#C6CEC6
text
#070F06
muted
#7A7F7A

Preview Lab

Preview with #107C26

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

Preview Lab → · Contrast checker → · Palette generator →

#107C26 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva