#54BAC7

#54BAC7

Color Values

HEX

#54BAC7

RGB

84, 186, 199

HSL

186.8, 50.7%, 55.5%

HSV

186.8, 57.8%, 78.0%

CMYK

57.8%, 6.5%, 0.0%, 22.0%

OKLCH

0.7337 0.0958 206.6

Properties

Cool Light Nearest: NCS S 0530-B40G Aqua

Color Harmonies

Complementary

#54BAC7

#C76154

Analogous

#54C79B

#5480C7

#54BAC7

Triadic

#54BAC7

#C754BA

#BAC754

Split Complementary

#54BAC7

#C75480

#C79B54

Tetradic

#54BAC7

#9B54C7

#C76154

#80C754

Color Blindness Simulation

Original

#54BAC7

Protanopia

#8081C4

Deuteranopia

#7A73C3

Tritanopia

#59C1C1

Achromatopsia

#A5A5A5

CSS Usage

background-color: #54BAC7;
color: #54BAC7;
border-color: #54BAC7;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F4FAFB
100
#E5F3F5
200
#C9E9ED
300
#A3DAE1
400
#71C6D0
500
#3FB1C0
600
#328E9A
700
#28727B
800
#1F5960
900
#1A4247
950
#11292D

Contrast Checker

Text on white

2.28:1

AA Fail AAA Fail

Text on black

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