#55F27E#55F27E

#55F27E is a very light, highly saturated green. Relative luminance 0.669; OKLCH L 85.3% C 0.205 H 148.6°. Best body text is #000000 at 14.39:1 contrast (WCAG AA passes).

Color values

HEX#55F27E
RGBrgb(85, 242, 126)
HSLhsl(136, 86%, 64%)
HSVhsv(136, 65%, 95%)
CMYKcmyk(64.9%, 0%, 47.9%, 5.1%)
CIE-LABlab(85.47, -65.01, 43.97)
CIE-LCHlch(85.47, 78.48, 145.93°)
OKLaboklab(85.28% -0.1753 0.107)
OKLCHoklch(85.28% 0.205 148.6)
XYZxyz(39.2614, 66.9378, 30.5858)
Luminance0.6694 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#55F27E #F255C9
analogous
#7BF255 #55F27E #55F2CD
triadic
#55F27E #7E55F2 #F27E55
tetradic
#55F27E #557BF2 #F255C9 #F2CD55
square
#55F27E #557BF2 #F255C9 #F2CD55
split-complementary
#55F27E #CD55F2 #F2557B
monochromatic
#0FBE3C #1CEE53 #55F27E #8EF6A9 #C7FBD4

Accessibility & contrast

On white

1.46
#55F27E on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.39
#55F27E on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #55F27E
14.39:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##55F27E#FFFFFF#000000##000000
##55F27E1.001.4614.3914.39
#FFFFFF1.461.0021.0021.00
#00000014.3921.001.001.00
##00000014.3921.001.001.00

Color blindness preview

Protanopia (red-blind)
#F4DE75
Deuteranopia (green-blind)
#E1D086
Tritanopia (blue-blind)
#17EDD7
Achromatopsia (no color)
#D6D6D6

Design tokens & code

CSS
--color: #55f27e;
/* rgb */ color: rgb(85, 242, 126);
/* oklch */ color: oklch(85.3% 0.205 148.6);
Tailwind
colors: {
  custom: {
    50: '#95f7a5',
    500: '#55f27e',
    950: '#000000',
  },
}
SCSS
$custom: #55f27e;
$custom-light: #95f7a5;
$custom-dark: #000000;
JSON
{
  "hex": "#55f27e",
  "rgb": {
    "r": 85,
    "g": 242,
    "b": 126
  },
  "hsl": {
    "h": 135.669,
    "s": 85.792,
    "l": 64.118
  },
  "oklch": {
    "l": 0.85281,
    "c": 0.20537,
    "h": 148.6
  },
  "luminance": 0.66942
}

Semantic roles & 50–950 ramp

primary
#55F27E
secondary
#BC2F97
accent
#03A8E2
background
#FCFFFC
surface
#F5FFF6
border
#CFD7D0
text
#0F170F
muted
#808580

Preview Lab

Preview with #55F27E

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

Preview Lab → · Contrast checker → · Palette generator →

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