#6066F4

#6066F4

Color Values

HEX

#6066F4

RGB

96, 102, 244

HSL

237.6, 87.1%, 66.7%

HSV

237.6, 60.7%, 95.7%

CMYK

60.7%, 58.2%, 0.0%, 4.3%

OKLCH

0.5857 0.2086 276.0

Properties

Cool Light Nearest: slateblue 2

Color Harmonies

Complementary

#6066F4

#F4EE60

Analogous

#60B0F4

#A460F4

#6066F4

Triadic

#6066F4

#F46066

#66F460

Split Complementary

#6066F4

#F4A460

#B0F460

Tetradic

#6066F4

#F460B0

#F4EE60

#60F4A4

Color Blindness Simulation

Original

#6066F4

Protanopia

#6363D2

Deuteranopia

#6262C9

Tritanopia

#60B6B1

Achromatopsia

#6F6F6F

CSS Usage

background-color: #6066F4;
color: #6066F4;
border-color: #6066F4;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F2FD
100
#E0E1FA
200
#BCBFFA
300
#8C91F7
400
#4E55F3
500
#1019EF
600
#0D14BF
700
#0B1099
800
#080D77
900
#0A0E56
950
#070937

Contrast Checker

Text on white

4.46:1

AA Fail AAA Fail

Text on black

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