#32F986

#32F986

Color Values

HEX

#32F986

RGB

50, 249, 134

HSL

145.3, 94.3%, 58.6%

HSV

145.3, 79.9%, 97.6%

CMYK

79.9%, 0.0%, 46.2%, 2.4%

OKLCH

0.8646 0.217 151.7

Properties

Cool Light Nearest: springgreen 2

Color Harmonies

Complementary

#32F986

#F932A5

Analogous

#41F932

#32F9E9

#32F986

Triadic

#32F986

#8632F9

#F98632

Split Complementary

#32F986

#E932F9

#F93241

Tetradic

#32F986

#3241F9

#F932A5

#F9E932

Color Blindness Simulation

Original

#32F986

Protanopia

#888AA2

Deuteranopia

#7D6EA8

Tritanopia

#3CB8BD

Achromatopsia

#C6C6C6

CSS Usage

background-color: #32F986;
color: #32F986;
border-color: #32F986;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F1FDF6
100
#DFFBEB
200
#BAFDD6
300
#88FCB9
400
#48FA93
500
#07F86D
600
#06C657
700
#059F46
800
#047C36
900
#075A2A
950
#05391B

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

15.03:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026