#549EEE

#549EEE

Color Values

HEX

#549EEE

RGB

84, 158, 238

HSL

211.2, 81.9%, 63.1%

HSV

211.2, 64.7%, 93.3%

CMYK

64.7%, 33.6%, 0.0%, 6.7%

OKLCH

0.6872 0.1399 252.1

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#549EEE

#EEA454

Analogous

#54EBEE

#5754EE

#549EEE

Triadic

#549EEE

#EE549E

#9EEE54

Split Complementary

#549EEE

#EE5754

#EBEE54

Tetradic

#549EEE

#EE54EB

#EEA454

#54EE57

Color Blindness Simulation

Original

#549EEE

Protanopia

#7475DB

Deuteranopia

#706AD6

Tritanopia

#58CBC8

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E1EDFA
200
#BEDAF9
300
#90C0F4
400
#539EEE
500
#177BE8
600
#1263BA
700
#0F4F94
800
#0C3E74
900
#0D2F54
950
#081E35

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

7.5:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026