#54EB9D

#54EB9D

Color Values

HEX

#54EB9D

RGB

84, 235, 157

HSL

149.0, 79.1%, 62.5%

HSV

149.0, 64.3%, 92.2%

CMYK

64.3%, 0.0%, 33.2%, 7.8%

OKLCH

0.8407 0.1693 156.9

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#54EB9D

#EB54A2

Analogous

#56EB54

#54EBE8

#54EB9D

Triadic

#54EB9D

#9D54EB

#EB9D54

Split Complementary

#54EB9D

#E854EB

#EB5456

Tetradic

#54EB9D

#5456EB

#EB54A2

#EBE854

Color Blindness Simulation

Original

#54EB9D

Protanopia

#9597B0

Deuteranopia

#8D81B4

Tritanopia

#5CBFC2

Achromatopsia

#C5C5C5

CSS Usage

background-color: #54EB9D;
color: #54EB9D;
border-color: #54EB9D;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FCF7
100
#E1F9ED
200
#BFF8DA
300
#91F2C0
400
#56EB9E
500
#1BE47C
600
#15B763
700
#11924F
800
#0D723E
900
#0E532F
950
#09341E

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

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