#4489FD

#4489FD

Color Values

HEX

#4489FD

RGB

68, 137, 253

HSL

217.6, 97.9%, 62.9%

HSV

217.6, 73.1%, 99.2%

CMYK

73.1%, 45.8%, 0.0%, 0.8%

OKLCH

0.6453 0.1865 260.2

Properties

Cool Light Nearest: dodgerblue

Color Harmonies

Complementary

#4489FD

#FDB844

Analogous

#44E6FD

#5B44FD

#4489FD

Triadic

#4489FD

#FD4489

#89FD44

Split Complementary

#4489FD

#FD5B44

#E6FD44

Tetradic

#4489FD

#FD44E6

#FDB844

#44FD5B

Color Blindness Simulation

Original

#4489FD

Protanopia

#6262E1

Deuteranopia

#5E59DA

Tritanopia

#47CBC6

Achromatopsia

#838383

CSS Usage

background-color: #4489FD;
color: #4489FD;
border-color: #4489FD;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F6FE
100
#DEE9FC
200
#B8D2FE
300
#86B3FE
400
#4489FD
500
#0360FC
600
#024DCA
700
#023DA1
800
#01307E
900
#06265B
950
#04183A

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

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