#548FEE

#548FEE

Color Values

HEX

#548FEE

RGB

84, 143, 238

HSL

217.0, 81.9%, 63.1%

HSV

217.0, 64.7%, 93.3%

CMYK

64.7%, 39.9%, 0.0%, 6.7%

OKLCH

0.6549 0.1552 259.5

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#548FEE

#EEB354

Analogous

#54DCEE

#6654EE

#548FEE

Triadic

#548FEE

#EE548F

#8FEE54

Split Complementary

#548FEE

#EE6654

#DCEE54

Tetradic

#548FEE

#EE54DC

#EEB354

#54EE66

Color Blindness Simulation

Original

#548FEE

Protanopia

#6E6ED7

Deuteranopia

#6A66D2

Tritanopia

#57C5C1

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E1EAFA
200
#BED4F9
300
#90B6F4
400
#538FEE
500
#1767E8
600
#1253BA
700
#0F4294
800
#0C3474
900
#0D2854
950
#081935

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

6.54: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