#32F596

#32F596

Color Values

HEX

#32F596

RGB

50, 245, 150

HSL

150.8, 90.7%, 57.8%

HSV

150.8, 79.6%, 96.1%

CMYK

79.6%, 0.0%, 38.8%, 3.9%

OKLCH

0.8573 0.1984 155.6

Properties

Cool Light Nearest: mediumspringgreen

Color Harmonies

Complementary

#32F596

#F53291

Analogous

#32F534

#32F2F5

#32F596

Triadic

#32F596

#9632F5

#F59632

Split Complementary

#32F596

#F532F2

#F53432

Tetradic

#32F596

#3432F5

#F53291

#F2F532

Color Blindness Simulation

Original

#32F596

Protanopia

#8688AD

Deuteranopia

#7B6CB2

Tritanopia

#3CBFC3

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F1FDF8
100
#DFFBEE
200
#BBFCDC
300
#8AF9C3
400
#4BF6A3
500
#0CF383
600
#09C368
700
#089C54
800
#067A41
900
#095832
950
#06381F

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

14.64:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026