#58D599#58D599

#58D599 is a light, vivid teal. Relative luminance 0.520; OKLCH L 78.7% C 0.142 H 159.5°. Best body text is #000000 at 11.39:1 contrast (WCAG AA passes).

Color values

HEX	#58D599
RGB	rgb(88, 213, 153)
HSL	hsl(151, 60%, 59%)
HSV	hsv(151, 59%, 84%)
CMYK	cmyk(58.7%, 0%, 28.2%, 16.5%)
CIE-LAB	lab(77.26, -48.55, 19.49)
CIE-LCH	lch(77.26, 52.32, 158.12°)
OKLab	oklab(78.7% -0.1329 0.0496)
OKLCH	oklch(78.7% 0.142 159.5)
XYZ	xyz(33.5655, 51.9598, 38.3912)
Luminance	0.5196 (WCAG relative)
Temperature	neutral
Family	teal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#58D599 #D55894

analogous

#58D55B #58D599 #58D3D5

triadic

#58D599 #9958D5 #D59958

tetradic

#58D599 #5B58D5 #D55894 #D3D558

square

#58D599 #5B58D5 #D55894 #D3D558

split-complementary

#58D599 #D558D3 #D55B58

monochromatic

#248F5B #30C07B #58D599 #89E1B7 #BAEED5

Accessibility & contrast

On white

1.84

#58D599 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

11.39

#58D599 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #58D599

11.39:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##58D599	#FFFFFF	#000000	##000000
##58D599	1.00	1.84	11.39	11.39
#FFFFFF	1.84	1.00	21.00	21.00
#000000	11.39	21.00	1.00	1.00
##000000	11.39	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#D3C695

Deuteranopia (green-blind)

#C1BA9D

Tritanopia (blue-blind)

#20D4C5

Achromatopsia (no color)

#BFBFBF

Design tokens & code

CSS

--color: #58d599;
/* rgb */ color: rgb(88, 213, 153);
/* oklch */ color: oklch(78.7% 0.142 159.5);

Tailwind

colors: {
  custom: {
    50: '#92e3b7',
    500: '#58d599',
    950: '#000000',
  },
}

SCSS

$custom: #58d599;
$custom-light: #92e3b7;
$custom-dark: #000000;

JSON

{
  "hex": "#58d599",
  "rgb": {
    "r": 88,
    "g": 213,
    "b": 153
  },
  "hsl": {
    "h": 151.2,
    "s": 59.809,
    "l": 59.02
  },
  "oklch": {
    "l": 0.78696,
    "c": 0.14182,
    "h": 159.5
  },
  "luminance": 0.51963
}

Semantic roles & 50–950 ramp

primary

#58D599

secondary

#943D67

accent

#4591E3

background

#FCFEFD

surface

#F5FCF8

border

#CFD5D1

text

#0E1511

muted

#7F8481

Preview Lab

Preview with #58D599

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

Preview Lab → · Contrast checker → · Palette generator →