#4475FD

#4475FD

Color Values

HEX

#4475FD

RGB

68, 117, 253

HSL

224.1, 97.9%, 62.9%

HSV

224.1, 73.1%, 99.2%

CMYK

73.1%, 53.8%, 0.0%, 0.8%

OKLCH

0.6053 0.2097 265.5

Properties

Cool Light Nearest: royalblue 1

Color Harmonies

Complementary

#4475FD

#FDCC44

Analogous

#44D1FD

#6F44FD

#4475FD

Triadic

#4475FD

#FD4475

#75FD44

Split Complementary

#4475FD

#FD6F44

#D1FD44

Tetradic

#4475FD

#FD44D1

#FDCC44

#44FD6F

Color Blindness Simulation

Original

#4475FD

Protanopia

#595ADC

Deuteranopia

#5653D4

Tritanopia

#46C2BC

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F1F4FE
100
#DEE6FC
200
#B8CBFE
300
#86A6FE
400
#4475FD
500
#0345FC
600
#0237CA
700
#022CA1
800
#01227E
900
#061C5B
950
#04123A

Contrast Checker

Text on white

4.03:1

AA Fail AAA Fail

Text on black

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