#3DCB51#3DCB51

#3DCB51 is a light, highly saturated green. Relative luminance 0.443; OKLCH L 74.2% C 0.203 H 145.3°. Best body text is #000000 at 9.86:1 contrast (WCAG AA passes).

Color values

HEX#3DCB51
RGBrgb(61, 203, 81)
HSLhsl(128, 58%, 52%)
HSVhsv(128, 70%, 80%)
CMYKcmyk(70%, 0%, 60.1%, 20.4%)
CIE-LABlab(72.43, -61.80, 49.10)
CIE-LCHlch(72.43, 78.93, 141.53°)
OKLaboklab(74.18% -0.1669 0.1155)
OKLCHoklch(74.18% 0.203 145.3)
XYZxyz(24.7639, 44.2953, 15.0277)
Luminance0.4430 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#3DCB51 #CB3DB7
analogous
#70CB3D #3DCB51 #3DCB98
triadic
#3DCB51 #513DCB #CB513D
tetradic
#3DCB51 #3D70CB #CB3DB7 #CB983D
square
#3DCB51 #3D70CB #CB3DB7 #CB983D
split-complementary
#3DCB51 #983DCB #CB3D70
monochromatic
#1E7029 #2BA03B #3DCB51 #6DD87C #9EE5A8

Accessibility & contrast

On white

2.13
#3DCB51 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.86
#3DCB51 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #3DCB51
9.86:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##3DCB51#FFFFFF#000000##000000
##3DCB511.002.139.869.86
#FFFFFF2.131.0021.0021.00
#0000009.8621.001.001.00
##0000009.8621.001.001.00

Color blindness preview

Protanopia (red-blind)
#CEB944
Deuteranopia (green-blind)
#BEAD5B
Tritanopia (blue-blind)
#00C6B1
Achromatopsia (no color)
#B2B2B2

Design tokens & code

CSS
--color: #3dcb51;
/* rgb */ color: rgb(61, 203, 81);
/* oklch */ color: oklch(74.2% 0.203 145.3);
Tailwind
colors: {
  custom: {
    50: '#86dc86',
    500: '#3dcb51',
    950: '#000000',
  },
}
SCSS
$custom: #3dcb51;
$custom-light: #86dc86;
$custom-dark: #000000;
JSON
{
  "hex": "#3dcb51",
  "rgb": {
    "r": 61,
    "g": 203,
    "b": 81
  },
  "hsl": {
    "h": 128.451,
    "s": 57.724,
    "l": 51.765
  },
  "oklch": {
    "l": 0.74175,
    "c": 0.20298,
    "h": 145.3
  },
  "luminance": 0.44298
}

Semantic roles & 50–950 ramp

primary
#3DCB51
secondary
#D193C8
accent
#47CBE1
background
#F8FDF8
surface
#F0FBF0
border
#CBD4CB
text
#0D150B
muted
#7D837C

Preview Lab

Preview with #3DCB51

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

Preview Lab → · Contrast checker → · Palette generator →

#3DCB51 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva