#548FB5

#548FB5

Color Values

HEX

#548FB5

RGB

84, 143, 181

HSL

203.5, 39.6%, 52.0%

HSV

203.5, 53.6%, 71.0%

CMYK

53.6%, 21.0%, 0.0%, 29.0%

OKLCH

0.6252 0.0844 238.4

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#548FB5

#B57A54

Analogous

#54B5AB

#545FB5

#548FB5

Triadic

#548FB5

#B5548F

#8FB554

Split Complementary

#548FB5

#B5545F

#B5AB54

Tetradic

#548FB5

#AB54B5

#B57A54

#5FB554

Color Blindness Simulation

Original

#548FB5

Protanopia

#6E6EAC

Deuteranopia

#6A66AA

Tritanopia

#57A5A3

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CDDEE9
300
#AAC7DA
400
#7BA9C6
500
#4D8AB2
600
#3E6F8E
700
#315972
800
#274559
900
#1F3442
950
#14212A

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

5.97:1

AA Pass AAA Fail

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