#38B666#38B666

#38B666 is a light, vivid green. Relative luminance 0.353; OKLCH L 68.9% C 0.160 H 151.5°. Best body text is #000000 at 8.05:1 contrast (WCAG AA passes).

Color values

HEX#38B666
RGBrgb(56, 182, 102)
HSLhsl(142, 53%, 47%)
HSVhsv(142, 69%, 71%)
CMYKcmyk(69.2%, 0%, 44%, 28.6%)
CIE-LABlab(65.95, -52.12, 30.96)
CIE-LCHlch(65.95, 60.62, 149.29°)
OKLaboklab(68.87% -0.1405 0.0763)
OKLCHoklch(68.87% 0.16 151.5)
XYZxyz(20.7554, 35.2537, 18.2786)
Luminance0.3526 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#38B666 #B63888
analogous
#49B638 #38B666 #38B6A5
triadic
#38B666 #6638B6 #B66638
tetradic
#38B666 #3849B6 #B63888 #B6A538
square
#38B666 #3849B6 #B63888 #B6A538
split-complementary
#38B666 #A538B6 #B63849
monochromatic
#1B5832 #2A874C #38B666 #5ECD87 #8DDCAA

Accessibility & contrast

On white

2.61
#38B666 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.05
#38B666 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #38B666
8.05:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##38B666#FFFFFF#000000##000000
##38B6661.002.618.058.05
#FFFFFF2.611.0021.0021.00
#0000008.0521.001.001.00
##0000008.0521.001.001.00

Color blindness preview

Protanopia (red-blind)
#B7A760
Deuteranopia (green-blind)
#A79C6B
Tritanopia (blue-blind)
#00B3A3
Achromatopsia (no color)
#A0A0A0

Design tokens & code

CSS
--color: #38b666;
/* rgb */ color: rgb(56, 182, 102);
/* oklch */ color: oklch(68.9% 0.160 151.5);
Tailwind
colors: {
  custom: {
    50: '#7fcd92',
    500: '#38b666',
    950: '#000000',
  },
}
SCSS
$custom: #38b666;
$custom-light: #7fcd92;
$custom-dark: #000000;
JSON
{
  "hex": "#38b666",
  "rgb": {
    "r": 56,
    "g": 182,
    "b": 102
  },
  "hsl": {
    "h": 141.905,
    "s": 52.941,
    "l": 46.667
  },
  "oklch": {
    "l": 0.68873,
    "c": 0.15985,
    "h": 151.5
  },
  "luminance": 0.35256
}

Semantic roles & 50–950 ramp

primary
#38B666
secondary
#C684AE
accent
#4BA7DC
background
#F8FCF9
surface
#EFF9F1
border
#CAD2CB
text
#0B140D
muted
#7C827E

Preview Lab

Preview with #38B666

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

Preview Lab → · Contrast checker → · Palette generator →

#38B666 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva