#54BA82

#54BA82

Color Values

HEX

#54BA82

RGB

84, 186, 130

HSL

147.1, 42.5%, 52.9%

HSV

147.1, 54.8%, 72.9%

CMYK

54.8%, 0.0%, 30.1%, 27.1%

OKLCH

0.7133 0.1268 156.9

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#54BA82

#BA548C

Analogous

#59BA54

#54BAB5

#54BA82

Triadic

#54BA82

#8254BA

#BA8254

Split Complementary

#54BA82

#B554BA

#BA5459

Tetradic

#54BA82

#5459BA

#BA548C

#BAB554

Color Blindness Simulation

Original

#54BA82

Protanopia

#808190

Deuteranopia

#7A7393

Tritanopia

#599A9D

Achromatopsia

#A0A0A0

CSS Usage

background-color: #54BA82;
color: #54BA82;
border-color: #54BA82;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F5FAF7
100
#E7F4ED
200
#CCEADA
300
#A8DCBF
400
#79C99D
500
#49B67A
600
#3B9162
700
#2F744E
800
#255B3D
900
#1E432F
950
#132A1D

Contrast Checker

Text on white

2.41:1

AA Fail AAA Fail

Text on black

8.72:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026