#51AB75

#51AB75

Color Values

HEX

#51AB75

RGB

81, 171, 117

HSL

144.0, 35.7%, 49.4%

HSV

144.0, 52.6%, 67.1%

CMYK

52.6%, 0.0%, 31.6%, 32.9%

OKLCH

0.6713 0.1188 155.1

Properties

Cool Light Nearest: Green

Color Harmonies

Complementary

#51AB75

#AB5187

Analogous

#5AAB51

#51ABA2

#51AB75

Triadic

#51AB75

#7551AB

#AB7551

Split Complementary

#51AB75

#A251AB

#AB515A

Tetradic

#51AB75

#515AAB

#AB5187

#ABA251

Color Blindness Simulation

Original

#51AB75

Protanopia

#787982

Deuteranopia

#736C85

Tritanopia

#568C8F

Achromatopsia

#949494

CSS Usage

background-color: #51AB75;
color: #51AB75;
border-color: #51AB75;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F5FAF7
100
#E8F3EC
200
#CFE8D9
300
#ACD8BD
400
#7FC29A
500
#52AD76
600
#428A5F
700
#346F4C
800
#29573B
900
#21402D
950
#15281D

Contrast Checker

Text on white

2.83:1

AA Fail AAA Fail

Text on black

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