#32B875

#32B875

Color Values

HEX

#32B875

RGB

50, 184, 117

HSL

150.0, 57.3%, 45.9%

HSV

150.0, 72.8%, 72.2%

CMYK

72.8%, 0.0%, 36.4%, 27.8%

OKLCH

0.6954 0.1507 156.4

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#32B875

#B83275

Analogous

#32B832

#32B8B8

#32B875

Triadic

#32B875

#7532B8

#B87532

Split Complementary

#32B875

#B832B8

#B83232

Tetradic

#32B875

#3232B8

#B83275

#B8B832

Color Blindness Simulation

Original

#32B875

Protanopia

#6C6D85

Deuteranopia

#645A89

Tritanopia

#399295

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F4FBF7
100
#E4F6ED
200
#C7F0DB
300
#9FE5C2
400
#6BD7A1
500
#36C980
600
#2CA066
700
#238052
800
#1B6440
900
#174930
950
#0F2E1F

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

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