#548DED

#548DED

Color Values

HEX

#548DED

RGB

84, 141, 237

HSL

217.6, 81.0%, 62.9%

HSV

217.6, 64.6%, 92.9%

CMYK

64.6%, 40.5%, 0.0%, 7.1%

OKLCH

0.6501 0.156 260.2

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#548DED

#EDB454

Analogous

#54DAED

#6754ED

#548DED

Triadic

#548DED

#ED548D

#8DED54

Split Complementary

#548DED

#ED6754

#DAED54

Tetradic

#548DED

#ED54DA

#EDB454

#54ED67

Color Blindness Simulation

Original

#548DED

Protanopia

#6D6DD6

Deuteranopia

#6965D0

Tritanopia

#57C3BF

Achromatopsia

#888888

CSS Usage

background-color: #548DED;
color: #548DED;
border-color: #548DED;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F6FD
100
#E1EAF9
200
#BED4F8
300
#90B5F3
400
#548DED
500
#1865E7
600
#1351B9
700
#104194
800
#0C3373
900
#0D2854
950
#081935

Contrast Checker

Text on white

3.28:1

AA Fail AAA Fail

Text on black

6.41:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026