#4477FD

#4477FD

Color Values

HEX

#4477FD

RGB

68, 119, 253

HSL

223.5, 97.9%, 62.9%

HSV

223.5, 73.1%, 99.2%

CMYK

73.1%, 53.0%, 0.0%, 0.8%

OKLCH

0.6092 0.2073 265.0

Properties

Cool Light Nearest: royalblue 1

Color Harmonies

Complementary

#4477FD

#FDCA44

Analogous

#44D3FD

#6D44FD

#4477FD

Triadic

#4477FD

#FD4477

#77FD44

Split Complementary

#4477FD

#FD6D44

#D3FD44

Tetradic

#4477FD

#FD44D3

#FDCA44

#44FD6D

Color Blindness Simulation

Original

#4477FD

Protanopia

#5A5BDD

Deuteranopia

#5753D5

Tritanopia

#47C3BD

Achromatopsia

#767676

CSS Usage

background-color: #4477FD;
color: #4477FD;
border-color: #4477FD;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F1F4FE
100
#DEE6FC
200
#B8CCFE
300
#86A7FE
400
#4477FD
500
#0347FC
600
#0239CA
700
#022EA1
800
#01247E
900
#061D5B
950
#04123A

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

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