#3C46FF

#3C46FF

Color Values

HEX

#3C46FF

RGB

60, 70, 255

HSL

236.9, 100.0%, 61.8%

HSV

236.9, 76.5%, 100.0%

CMYK

76.5%, 72.5%, 0.0%, 0.0%

OKLCH

0.5247 0.2651 270.6

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#3C46FF

#FFF53C

Analogous

#3CA8FF

#943CFF

#3C46FF

Triadic

#3C46FF

#FF3C46

#46FF3C

Split Complementary

#3C46FF

#FF943C

#A8FF3C

Tetradic

#3C46FF

#FF3CA8

#FFF53C

#3CFF94

Color Blindness Simulation

Original

#3C46FF

Protanopia

#4040D2

Deuteranopia

#403FC8

Tritanopia

#3CAFA7

Achromatopsia

#515151

CSS Usage

background-color: #3C46FF;
color: #3C46FF;
border-color: #3C46FF;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F1F2FE
100
#DEE0FC
200
#B8BBFF
300
#858BFF
400
#424CFF
500
#000DFF
600
#000BCC
700
#0008A3
800
#000780
900
#05095C
950
#03063A

Contrast Checker

Text on white

5.98:1

AA Pass AAA Fail

Text on black

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