#548CED

#548CED

Color Values

HEX

#548CED

RGB

84, 140, 237

HSL

218.0, 81.0%, 62.9%

HSV

218.0, 64.6%, 92.9%

CMYK

64.6%, 40.9%, 0.0%, 7.1%

OKLCH

0.648 0.1571 260.6

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#548CED

#EDB554

Analogous

#54D9ED

#6854ED

#548CED

Triadic

#548CED

#ED548C

#8CED54

Split Complementary

#548CED

#ED6854

#D9ED54

Tetradic

#548CED

#ED54D9

#EDB554

#54ED68

Color Blindness Simulation

Original

#548CED

Protanopia

#6C6DD6

Deuteranopia

#6965D0

Tritanopia

#57C3BF

Achromatopsia

#878787

CSS Usage

background-color: #548CED;
color: #548CED;
border-color: #548CED;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F6FD
100
#E1EAF9
200
#BED4F8
300
#90B5F3
400
#548CED
500
#1864E7
600
#1350B9
700
#104094
800
#0C3273
900
#0D2754
950
#081935

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

6.35:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026