#546EED

#546EED

Color Values

HEX

#546EED

RGB

84, 110, 237

HSL

229.8, 81.0%, 62.9%

HSV

229.8, 64.6%, 92.9%

CMYK

64.6%, 53.6%, 0.0%, 7.1%

OKLCH

0.5878 0.1927 270.6

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#546EED

#EDD354

Analogous

#54BAED

#8654ED

#546EED

Triadic

#546EED

#ED546E

#6EED54

Split Complementary

#546EED

#ED8654

#BAED54

Tetradic

#546EED

#ED54BA

#EDD354

#54ED86

Color Blindness Simulation

Original

#546EED

Protanopia

#5F5FCE

Deuteranopia

#5E5CC7

Tritanopia

#55B6B1

Achromatopsia

#727272

CSS Usage

background-color: #546EED;
color: #546EED;
border-color: #546EED;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F2F4FD
100
#E1E5F9
200
#BEC8F8
300
#90A1F3
400
#546EED
500
#183BE7
600
#132FB9
700
#102694
800
#0C1E73
900
#0D1954
950
#081035

Contrast Checker

Text on white

4.35:1

AA Fail AAA Fail

Text on black

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