#42BA3A#42BA3A

#42BA3A is a light, vivid green. Relative luminance 0.366; OKLCH L 69.6% C 0.198 H 142.2°. Best body text is #000000 at 8.32:1 contrast (WCAG AA passes).

Color values

HEX#42BA3A
RGBrgb(66, 186, 58)
HSLhsl(116, 52%, 48%)
HSVhsv(116, 69%, 73%)
CMYKcmyk(64.5%, 0%, 68.8%, 27.1%)
CIE-LABlab(66.96, -57.40, 52.86)
CIE-LCHlch(66.96, 78.04, 137.36°)
OKLaboklab(69.62% -0.1563 0.1211)
OKLCHoklch(69.62% 0.198 142.2)
XYZxyz(20.5683, 36.5795, 9.9788)
Luminance0.3658 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#42BA3A #B23ABA
analogous
#82BA3A #42BA3A #3ABA72
triadic
#42BA3A #3A42BA #BA3A42
tetradic
#42BA3A #3A82BA #B23ABA #BA723A
square
#42BA3A #3A82BA #B23ABA #BA723A
split-complementary
#42BA3A #723ABA #BA3A82
monochromatic
#215D1D #318B2B #42BA3A #6ACE63 #96DD92

Accessibility & contrast

On white

2.53
#42BA3A on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.32
#42BA3A on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #42BA3A
8.32:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##42BA3A#FFFFFF#000000##000000
##42BA3A1.002.538.328.32
#FFFFFF2.531.0021.0021.00
#0000008.3221.001.001.00
##0000008.3221.001.001.00

Color blindness preview

Protanopia (red-blind)
#BEA927
Deuteranopia (green-blind)
#B09F46
Tritanopia (blue-blind)
#2AB4A0
Achromatopsia (no color)
#A3A3A3

Design tokens & code

CSS
--color: #42ba3a;
/* rgb */ color: rgb(66, 186, 58);
/* oklch */ color: oklch(69.6% 0.198 142.2);
Tailwind
colors: {
  custom: {
    50: '#85d077',
    500: '#42ba3a',
    950: '#000000',
  },
}
SCSS
$custom: #42ba3a;
$custom-light: #85d077;
$custom-dark: #000000;
JSON
{
  "hex": "#42ba3a",
  "rgb": {
    "r": 66,
    "g": 186,
    "b": 58
  },
  "hsl": {
    "h": 116.25,
    "s": 52.459,
    "l": 47.843
  },
  "oklch": {
    "l": 0.69618,
    "c": 0.19774,
    "h": 142.2
  },
  "luminance": 0.36582
}

Semantic roles & 50–950 ramp

primary
#42BA3A
secondary
#C488C8
accent
#4CDCD3
background
#F8FCF7
surface
#F0F9ED
border
#CBD2C8
text
#0C1409
muted
#7D827B

Preview Lab

Preview with #42BA3A

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

Preview Lab → · Contrast checker → · Palette generator →

#42BA3A Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva