#4660FC

#4660FC

Color Values

HEX

#4660FC

RGB

70, 96, 252

HSL

231.4, 96.8%, 63.1%

HSV

231.4, 72.2%, 98.8%

CMYK

72.2%, 61.9%, 0.0%, 1.2%

OKLCH

0.5671 0.2321 269.9

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#4660FC

#FCE246

Analogous

#46BBFC

#8746FC

#4660FC

Triadic

#4660FC

#FC4660

#60FC46

Split Complementary

#4660FC

#FC8746

#BBFC46

Tetradic

#4660FC

#FC46BB

#FCE246

#46FC87

Color Blindness Simulation

Original

#4660FC

Protanopia

#5151D6

Deuteranopia

#504ECD

Tritanopia

#47B8B2

Achromatopsia

#666666

CSS Usage

background-color: #4660FC;
color: #4660FC;
border-color: #4660FC;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F1F3FE
100
#DEE3FC
200
#B9C3FE
300
#8798FD
400
#4560FC
500
#0427FB
600
#0320C9
700
#0319A1
800
#02147D
900
#06125B
950
#040C39

Contrast Checker

Text on white

4.84:1

AA Pass AAA Fail

Text on black

4.34:1

AA Fail 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