#549FED

#549FED

Color Values

HEX

#549FED

RGB

84, 159, 237

HSL

210.6, 81.0%, 62.9%

HSV

210.6, 64.6%, 92.9%

CMYK

64.6%, 32.9%, 0.0%, 7.1%

OKLCH

0.6889 0.1378 251.3

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#549FED

#EDA254

Analogous

#54EBED

#5554ED

#549FED

Triadic

#549FED

#ED549F

#9FED54

Split Complementary

#549FED

#ED5554

#EBED54

Tetradic

#549FED

#ED54EB

#EDA254

#54ED55

Color Blindness Simulation

Original

#549FED

Protanopia

#7475DA

Deuteranopia

#706AD6

Tritanopia

#58CBC8

Achromatopsia

#959595

CSS Usage

background-color: #549FED;
color: #549FED;
border-color: #549FED;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F7FD
100
#E1EDF9
200
#BEDBF8
300
#90C1F3
400
#549FED
500
#187DE7
600
#1364B9
700
#105094
800
#0C3F73
900
#0D3054
950
#081E35

Contrast Checker

Text on white

2.78:1

AA Fail AAA Fail

Text on black

7.56:1

AA Pass AAA Pass

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