#54BA7F

#54BA7F

Color Values

HEX

#54BA7F

RGB

84, 186, 127

HSL

145.3, 42.5%, 52.9%

HSV

145.3, 54.8%, 72.9%

CMYK

54.8%, 0.0%, 31.7%, 27.1%

OKLCH

0.7126 0.1295 155.6

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#54BA7F

#BA548F

Analogous

#5CBA54

#54BAB2

#54BA7F

Triadic

#54BA7F

#7F54BA

#BA7F54

Split Complementary

#54BA7F

#B254BA

#BA545C

Tetradic

#54BA7F

#545CBA

#BA548F

#BAB254

Color Blindness Simulation

Original

#54BA7F

Protanopia

#80818D

Deuteranopia

#7A7391

Tritanopia

#59999B

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F4EC
200
#CCEAD9
300
#A8DCBE
400
#79C99A
500
#49B677
600
#3B915F
700
#2F744C
800
#255B3C
900
#1E432E
950
#132A1D

Contrast Checker

Text on white

2.41:1

AA Fail AAA Fail

Text on black

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