#548CEB

#548CEB

Color Values

HEX

#548CEB

RGB

84, 140, 235

HSL

217.7, 79.1%, 62.5%

HSV

217.7, 64.3%, 92.2%

CMYK

64.3%, 40.4%, 0.0%, 7.8%

OKLCH

0.6468 0.1545 260.3

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#548CEB

#EBB354

Analogous

#54D8EB

#6754EB

#548CEB

Triadic

#548CEB

#EB548C

#8CEB54

Split Complementary

#548CEB

#EB6754

#D8EB54

Tetradic

#548CEB

#EB54D8

#EBB354

#54EB67

Color Blindness Simulation

Original

#548CEB

Protanopia

#6C6DD4

Deuteranopia

#6965CE

Tritanopia

#57C2BE

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#F2F6FC
100
#E1EAF9
200
#BFD4F8
300
#91B5F2
400
#568DEB
500
#1B66E4
600
#1551B7
700
#114192
800
#0D3372
900
#0E2853
950
#091934

Contrast Checker

Text on white

3.32:1

AA Fail AAA Fail

Text on black

6.33:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026