#32F992

#32F992

Color Values

HEX

#32F992

RGB

50, 249, 146

HSL

148.9, 94.3%, 58.6%

HSV

148.9, 79.9%, 97.6%

CMYK

79.9%, 0.0%, 41.4%, 2.4%

OKLCH

0.8666 0.2067 154.1

Properties

Cool Light Nearest: mediumspringgreen

Color Harmonies

Complementary

#32F992

#F93299

Analogous

#36F932

#32F9F5

#32F992

Triadic

#32F992

#9232F9

#F99232

Split Complementary

#32F992

#F532F9

#F93236

Tetradic

#32F992

#3236F9

#F93299

#F9F532

Color Blindness Simulation

Original

#32F992

Protanopia

#888AAB

Deuteranopia

#7D6EB1

Tritanopia

#3CBFC3

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F1FDF7
100
#DFFBED
200
#BAFDDA
300
#88FCC0
400
#48FA9D
500
#07F87B
600
#06C662
700
#059F4F
800
#047C3E
900
#075A2F
950
#05391E

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

15.1:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026