#54EEBF

#54EEBF

Color Values

HEX

#54EEBF

RGB

84, 238, 191

HSL

161.7, 81.9%, 63.1%

HSV

161.7, 64.7%, 93.3%

CMYK

64.7%, 0.0%, 19.7%, 6.7%

OKLCH

0.8559 0.1461 168.9

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#54EEBF

#EE5483

Analogous

#54EE72

#54D0EE

#54EEBF

Triadic

#54EEBF

#BF54EE

#EEBF54

Split Complementary

#54EEBF

#EE54D0

#EE7254

Tetradic

#54EEBF

#7254EE

#EE5483

#D0EE54

Color Blindness Simulation

Original

#54EEBF

Protanopia

#9798CA

Deuteranopia

#8E82CD

Tritanopia

#5CD3D5

Achromatopsia

#CACACA

CSS Usage

background-color: #54EEBF;
color: #54EEBF;
border-color: #54EEBF;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F2FDF9
100
#E1FAF2
200
#BEF9E7
300
#90F4D5
400
#53EEBF
500
#17E8A8
600
#12BA87
700
#0F946C
800
#0C7454
900
#0D543E
950
#083527

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

14.36:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026