#45DE6F#45DE6F

#45DE6F is a light, vivid green. Relative luminance 0.547; OKLCH L 79.6% C 0.199 H 148.6°. Best body text is #000000 at 11.93:1 contrast (WCAG AA passes).

Color values

HEX#45DE6F
RGBrgb(69, 222, 111)
HSLhsl(136, 70%, 57%)
HSVhsv(136, 69%, 87%)
CMYKcmyk(68.9%, 0%, 50%, 12.9%)
CIE-LABlab(78.84, -62.99, 42.83)
CIE-LCHlch(78.84, 76.17, 145.79°)
OKLaboklab(79.64% -0.1697 0.1037)
OKLCHoklch(79.64% 0.199 148.6)
XYZxyz(31.4424, 54.6520, 23.9277)
Luminance0.5465 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#45DE6F #DE45B4
analogous
#67DE45 #45DE6F #45DEBC
triadic
#45DE6F #6F45DE #DE6F45
tetradic
#45DE6F #4567DE #DE45B4 #DEBC45
square
#45DE6F #4567DE #DE45B4 #DEBC45
split-complementary
#45DE6F #BC45DE #DE4567
monochromatic
#198F3A #23C34F #45DE6F #79E797 #ADF0BF

Accessibility & contrast

On white

1.76
#45DE6F on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.93
#45DE6F on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #45DE6F
11.93:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##45DE6F#FFFFFF#000000##000000
##45DE6F1.001.7611.9311.93
#FFFFFF1.761.0021.0021.00
#00000011.9321.001.001.00
##00000011.9321.001.001.00

Color blindness preview

Protanopia (red-blind)
#E0CB66
Deuteranopia (green-blind)
#CEBE77
Tritanopia (blue-blind)
#00DAC4
Achromatopsia (no color)
#C3C3C3

Design tokens & code

CSS
--color: #45de6f;
/* rgb */ color: rgb(69, 222, 111);
/* oklch */ color: oklch(79.6% 0.199 148.6);
Tailwind
colors: {
  custom: {
    50: '#8be99a',
    500: '#45de6f',
    950: '#000000',
  },
}
SCSS
$custom: #45de6f;
$custom-light: #8be99a;
$custom-dark: #000000;
JSON
{
  "hex": "#45de6f",
  "rgb": {
    "r": 69,
    "g": 222,
    "b": 111
  },
  "hsl": {
    "h": 136.471,
    "s": 69.863,
    "l": 57.059
  },
  "oklch": {
    "l": 0.7964,
    "c": 0.19885,
    "h": 148.6
  },
  "luminance": 0.54655
}

Semantic roles & 50–950 ramp

primary
#45DE6F
secondary
#94337A
accent
#3BBCED
background
#FCFEFC
surface
#F4FDF5
border
#CED5CF
text
#0D160E
muted
#7F847F

Preview Lab

Preview with #45DE6F

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

Preview Lab → · Contrast checker → · Palette generator →

#45DE6F Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva