#32BA84

#32BA84

Color Values

HEX

#32BA84

RGB

50, 186, 132

HSL

156.2, 57.6%, 46.3%

HSV

156.2, 73.1%, 72.9%

CMYK

73.1%, 0.0%, 29.0%, 27.1%

OKLCH

0.7039 0.14 161.8

Properties

Cool Light Nearest: Green

Color Harmonies

Complementary

#32BA84

#BA3268

Analogous

#32BA40

#32ACBA

#32BA84

Triadic

#32BA84

#8432BA

#BA8432

Split Complementary

#32BA84

#BA32AC

#BA4032

Tetradic

#32BA84

#4032BA

#BA3268

#ACBA32

Color Blindness Simulation

Original

#32BA84

Protanopia

#6D6E91

Deuteranopia

#655B94

Tritanopia

#399B9E

Achromatopsia

#999999

CSS Usage

background-color: #32BA84;
color: #32BA84;
border-color: #32BA84;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F4FBF8
100
#E4F6EF
200
#C7F0E0
300
#9FE5C9
400
#6AD7AC
500
#36C98F
600
#2BA172
700
#23815B
800
#1B6447
900
#174A36
950
#0F2E22

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

8.49: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