#548BB5

#548BB5

Color Values

HEX

#548BB5

RGB

84, 139, 181

HSL

206.0, 39.6%, 52.0%

HSV

206.0, 53.6%, 71.0%

CMYK

53.6%, 23.2%, 0.0%, 29.0%

OKLCH

0.6159 0.0866 242.8

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#548BB5

#B57E54

Analogous

#54B5AF

#545BB5

#548BB5

Triadic

#548BB5

#B5548B

#8BB554

Split Complementary

#548BB5

#B5545B

#B5AF54

Tetradic

#548BB5

#AF54B5

#B57E54

#5BB554

Color Blindness Simulation

Original

#548BB5

Protanopia

#6C6CAB

Deuteranopia

#6964A8

Tritanopia

#57A3A1

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CDDDE9
300
#AAC5DA
400
#7BA6C6
500
#4D86B2
600
#3E6B8E
700
#315672
800
#274359
900
#1F3342
950
#14202A

Contrast Checker

Text on white

3.66:1

AA Fail AAA Fail

Text on black

5.74:1

AA Pass AAA Fail

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