#6C1172

#6C1172

Color Values

HEX

#6C1172

RGB

108, 17, 114

HSL

296.3, 74.0%, 25.7%

HSV

296.3, 85.1%, 44.7%

CMYK

5.3%, 85.1%, 0.0%, 55.3%

OKLCH

0.3855 0.1645 325.3

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#6C1172

#177211

Analogous

#3C1172

#721148

#6C1172

Triadic

#6C1172

#726C11

#11726C

Split Complementary

#6C1172

#487211

#11723C

Tetradic

#6C1172

#723C11

#177211

#114872

Color Blindness Simulation

Original

#6C1172

Protanopia

#45445B

Deuteranopia

#4A5155

Tritanopia

#674844

Achromatopsia

#2B2B2B

CSS Usage

background-color: #6C1172;
color: #6C1172;
border-color: #6C1172;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FCF3FC
100
#F7E2F8
200
#F2C1F6
300
#EA95EF
400
#DE5BE6
500
#D221DE
600
#A81BB1
700
#87158E
800
#69116F
900
#4D1051
950
#300A33

Contrast Checker

Text on white

10.71:1

AA Pass AAA Pass

Text on black

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