#3C2C93

#3C2C93

Color Values

HEX

#3C2C93

RGB

60, 44, 147

HSL

249.3, 53.9%, 37.5%

HSV

249.3, 70.1%, 57.6%

CMYK

59.2%, 70.1%, 0.0%, 42.4%

OKLCH

0.381 0.1604 282.8

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#3C2C93

#83932C

Analogous

#2C5093

#702C93

#3C2C93

Triadic

#3C2C93

#933C2C

#2C933C

Split Complementary

#3C2C93

#93702C

#50932C

Tetradic

#3C2C93

#932C50

#83932C

#2C9370

Color Blindness Simulation

Original

#3C2C93

Protanopia

#35357A

Deuteranopia

#363774

Tritanopia

#3B6662

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E8E5F5
200
#CEC8EF
300
#ABA1E3
400
#7E6ED4
500
#503BC4
600
#402F9D
700
#33267E
800
#281D62
900
#201948
950
#14102D

Contrast Checker

Text on white

10.64:1

AA Pass AAA Pass

Text on black

1.97:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026