#38B569#38B569

#38B569 is a light, vivid green. Relative luminance 0.349; OKLCH L 68.7% C 0.156 H 152.5°. Best body text is #000000 at 7.98:1 contrast (WCAG AA passes).

Color values

HEX#38B569
RGBrgb(56, 181, 105)
HSLhsl(144, 53%, 46%)
HSVhsv(144, 69%, 71%)
CMYKcmyk(69.1%, 0%, 42%, 29%)
CIE-LABlab(65.68, -51.21, 29.04)
CIE-LCHlch(65.68, 58.87, 150.44°)
OKLaboklab(68.67% -0.1381 0.0719)
OKLCHoklch(68.67% 0.156 152.5)
XYZxyz(20.7028, 34.9061, 19.0084)
Luminance0.3491 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#38B569 #B53884
analogous
#46B538 #38B569 #38B5A8
triadic
#38B569 #6938B5 #B56938
tetradic
#38B569 #3846B5 #B53884 #B5A838
square
#38B569 #3846B5 #B53884 #B5A838
split-complementary
#38B569 #A838B5 #B53846
monochromatic
#1B5833 #2A864E #38B569 #5DCD89 #8CDBAB

Accessibility & contrast

On white

2.63
#38B569 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.98
#38B569 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #38B569
7.98:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##38B569#FFFFFF#000000##000000
##38B5691.002.637.987.98
#FFFFFF2.631.0021.0021.00
#0000007.9821.001.001.00
##0000007.9821.001.001.00

Color blindness preview

Protanopia (red-blind)
#B5A664
Deuteranopia (green-blind)
#A69B6E
Tritanopia (blue-blind)
#00B2A2
Achromatopsia (no color)
#9F9F9F

Design tokens & code

CSS
--color: #38b569;
/* rgb */ color: rgb(56, 181, 105);
/* oklch */ color: oklch(68.7% 0.156 152.5);
Tailwind
colors: {
  custom: {
    50: '#7ecc94',
    500: '#38b569',
    950: '#000000',
  },
}
SCSS
$custom: #38b569;
$custom-light: #7ecc94;
$custom-dark: #000000;
JSON
{
  "hex": "#38b569",
  "rgb": {
    "r": 56,
    "g": 181,
    "b": 105
  },
  "hsl": {
    "h": 143.52,
    "s": 52.743,
    "l": 46.471
  },
  "oklch": {
    "l": 0.68666,
    "c": 0.15572,
    "h": 152.5
  },
  "luminance": 0.34908
}

Semantic roles & 50–950 ramp

primary
#38B569
secondary
#C683AC
accent
#4CA4DC
background
#F8FCF9
surface
#EFF9F1
border
#CAD2CB
text
#0B130D
muted
#7C827E

Preview Lab

Preview with #38B569

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

Preview Lab → · Contrast checker → · Palette generator →

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