#3C2F9D

#3C2F9D

Color Values

HEX

#3C2F9D

RGB

60, 47, 157

HSL

247.1, 53.9%, 40.0%

HSV

247.1, 70.1%, 61.6%

CMYK

61.8%, 70.1%, 0.0%, 38.4%

OKLCH

0.395 0.1697 280.6

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#3C2F9D

#909D2F

Analogous

#2F599D

#732F9D

#3C2F9D

Triadic

#3C2F9D

#9D3C2F

#2F9D3C

Split Complementary

#3C2F9D

#9D732F

#599D2F

Tetradic

#3C2F9D

#9D2F59

#909D2F

#2F9D73

Color Blindness Simulation

Original

#3C2F9D

Protanopia

#363682

Deuteranopia

#37387C

Tritanopia

#3B6D69

Achromatopsia

#3A3A3A

CSS Usage

background-color: #3C2F9D;
color: #3C2F9D;
border-color: #3C2F9D;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F5F4FB
100
#E7E5F5
200
#CDC8EF
300
#A9A1E3
400
#7A6ED4
500
#4B3BC4
600
#3C2F9D
700
#30267E
800
#261D62
900
#1F1948
950
#13102D

Contrast Checker

Text on white

10.07:1

AA Pass AAA Pass

Text on black

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