#0F763C#0F763C

#0F763C is a mid, vivid green. Relative luminance 0.134; OKLCH L 49.8% C 0.126 H 151.8°. Best body text is #FFFFFF at 5.71:1 contrast (WCAG AA passes).

Color values

HEX#0F763C
RGBrgb(15, 118, 60)
HSLhsl(146, 77%, 26%)
HSVhsv(146, 87%, 46%)
CMYKcmyk(87.3%, 0%, 49.2%, 53.7%)
CIE-LABlab(43.34, -41.39, 24.29)
CIE-LCHlch(43.34, 47.99, 149.60°)
OKLaboklab(49.76% -0.111 0.0595)
OKLCHoklch(49.76% 0.126 151.8)
XYZxyz(7.4904, 13.3837, 6.4626)
Luminance0.1338 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#0F763C #760F49
analogous
#15760F #0F763C #0F766F
triadic
#0F763C #3C0F76 #763C0F
tetradic
#0F763C #0F1576 #760F49 #766F0F
square
#0F763C #0F1576 #760F49 #766F0F
split-complementary
#0F763C #6F0F76 #760F15
monochromatic
#031B0E #084020 #0F763C #16AC58 #1DE273

Accessibility & contrast

On white

5.71
#0F763C on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.68
#0F763C on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #0F763C
5.71:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##0F763C#FFFFFF#000000##FFFFFF
##0F763C1.005.713.685.71
#FFFFFF5.711.0021.001.00
#0000003.6821.001.0021.00
##FFFFFF5.711.0021.001.00

Color blindness preview

Protanopia (red-blind)
#766B37
Deuteranopia (green-blind)
#6B6340
Tritanopia (blue-blind)
#007468
Achromatopsia (no color)
#666666

Design tokens & code

CSS
--color: #0f763c;
/* rgb */ color: rgb(15, 118, 60);
/* oklch */ color: oklch(49.8% 0.126 151.8);
Tailwind
colors: {
  custom: {
    50: '#639e73',
    500: '#0f763c',
    950: '#000000',
  },
}
SCSS
$custom: #0f763c;
$custom-light: #639e73;
$custom-dark: #000000;
JSON
{
  "hex": "#0f763c",
  "rgb": {
    "r": 15,
    "g": 118,
    "b": 60
  },
  "hsl": {
    "h": 146.214,
    "s": 77.444,
    "l": 26.078
  },
  "oklch": {
    "l": 0.49759,
    "c": 0.12596,
    "h": 151.8
  },
  "luminance": 0.13385
}

Semantic roles & 50–950 ramp

primary
#0F763C
secondary
#AD3378
accent
#34A0F4
background
#F6F9F7
surface
#EBF2ED
border
#C6CCC8
text
#060E08
muted
#7A7E7B

Preview Lab

Preview with #0F763C

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

Preview Lab → · Contrast checker → · Palette generator →

#0F763C Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva