#54CFB9

#54CFB9

Color Values

HEX

#54CFB9

RGB

84, 207, 185

HSL

169.3, 56.2%, 57.1%

HSV

169.3, 59.4%, 81.2%

CMYK

59.4%, 0.0%, 10.6%, 18.8%

OKLCH

0.7794 0.1142 179.4

Properties

Cool Light Nearest: mediumaquamarine

Color Harmonies

Complementary

#54CFB9

#CF546A

Analogous

#54CF7C

#54A8CF

#54CFB9

Triadic

#54CFB9

#B954CF

#CFB954

Split Complementary

#54CFB9

#CF54A8

#CF7C54

Tetradic

#54CFB9

#7C54CF

#CF546A

#A8CF54

Color Blindness Simulation

Original

#54CFB9

Protanopia

#898ABE

Deuteranopia

#8279C0

Tritanopia

#5AC3C3

Achromatopsia

#B3B3B3

CSS Usage

background-color: #54CFB9;
color: #54CFB9;
border-color: #54CFB9;
Nearest Tailwind: Teal 400 #2DD4BF

Tailwind Shades

50
#F4FBFA
100
#E5F6F3
200
#C7EFE8
300
#9FE4D8
400
#6CD6C3
500
#38C7AE
600
#2D9F8B
700
#247F6F
800
#1C6457
900
#184940
950
#0F2E29

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

11.0:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026