#55B253#55B253

#55B253 is a light, vivid green. Relative luminance 0.344; OKLCH L 68.5% C 0.160 H 143.2°. Best body text is #000000 at 7.88:1 contrast (WCAG AA passes).

Color values

HEX#55B253
RGBrgb(85, 178, 83)
HSLhsl(119, 38%, 51%)
HSVhsv(119, 53%, 70%)
CMYKcmyk(52.2%, 0%, 53.4%, 30.2%)
CIE-LABlab(65.27, -46.97, 39.90)
CIE-LCHlch(65.27, 61.63, 139.65°)
OKLaboklab(68.48% -0.1278 0.0955)
OKLCHoklch(68.48% 0.16 143.2)
XYZxyz(21.2269, 34.3949, 13.7022)
Luminance0.3440 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#55B253 #B053B2
analogous
#84B253 #55B253 #53B280
triadic
#55B253 #5355B2 #B25355
tetradic
#55B253 #5384B2 #B053B2 #B28053
square
#55B253 #5384B2 #B053B2 #B28053
split-complementary
#55B253 #8053B2 #B25384
monochromatic
#2C602B #3F8A3E #55B253 #7FC57D #A9D8A8

Accessibility & contrast

On white

2.67
#55B253 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.88
#55B253 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #55B253
7.88:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##55B253#FFFFFF#000000##000000
##55B2531.002.677.887.88
#FFFFFF2.671.0021.0021.00
#0000007.8821.001.001.00
##0000007.8821.001.001.00

Color blindness preview

Protanopia (red-blind)
#B5A44A
Deuteranopia (green-blind)
#A99B5A
Tritanopia (blue-blind)
#48AD9C
Achromatopsia (no color)
#9E9E9E

Design tokens & code

CSS
--color: #55b253;
/* rgb */ color: rgb(85, 178, 83);
/* oklch */ color: oklch(68.5% 0.160 143.2);
Tailwind
colors: {
  custom: {
    50: '#8cca86',
    500: '#55b253',
    950: '#000000',
  },
}
SCSS
$custom: #55b253;
$custom-light: #8cca86;
$custom-dark: #000000;
JSON
{
  "hex": "#55b253",
  "rgb": {
    "r": 85,
    "g": 178,
    "b": 83
  },
  "hsl": {
    "h": 118.737,
    "s": 38.153,
    "l": 51.176
  },
  "oklch": {
    "l": 0.68476,
    "c": 0.15955,
    "h": 143.2
  },
  "luminance": 0.34397
}

Semantic roles & 50–950 ramp

primary
#55B253
secondary
#C59BC5
accent
#5ACECC
background
#F9FCF8
surface
#F1F8EF
border
#CBD1CA
text
#0D130B
muted
#7E827C

Preview Lab

Preview with #55B253

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

Preview Lab → · Contrast checker → · Palette generator →

#55B253 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva