#548EAB

#548EAB

Color Values

HEX

#548EAB

RGB

84, 142, 171

HSL

200.0, 34.1%, 50.0%

HSV

200.0, 50.9%, 67.1%

CMYK

50.9%, 17.0%, 0.0%, 32.9%

OKLCH

0.6185 0.075 231.5

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#548EAB

#AB7154

Analogous

#54AB9C

#5463AB

#548EAB

Triadic

#548EAB

#AB548E

#8EAB54

Split Complementary

#548EAB

#AB5463

#AB9C54

Tetradic

#548EAB

#9C54AB

#AB7154

#63AB54

Color Blindness Simulation

Original

#548EAB

Protanopia

#6D6EA4

Deuteranopia

#6A65A2

Tritanopia

#579E9D

Achromatopsia

#848484

CSS Usage

background-color: #548EAB;
color: #548EAB;
border-color: #548EAB;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F5F8FA
100
#E8EFF2
200
#CFDFE7
300
#ADC9D7
400
#80ABC1
500
#548EAB
600
#437289
700
#365B6D
800
#2A4755
900
#22353F
950
#152228

Contrast Checker

Text on white

3.6:1

AA Fail AAA Fail

Text on black

5.83:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026