#6C4686

#6C4686

Color Values

HEX

#6C4686

RGB

108, 70, 134

HSL

275.6, 31.4%, 40.0%

HSV

275.6, 47.8%, 52.5%

CMYK

19.4%, 47.8%, 0.0%, 47.5%

OKLCH

0.4648 0.1082 310.2

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#6C4686

#608646

Analogous

#4C4686

#864680

#6C4686

Triadic

#6C4686

#866C46

#46866C

Split Complementary

#6C4686

#808646

#46864C

Tetradic

#6C4686

#864C46

#608646

#468086

Color Blindness Simulation

Original

#6C4686

Protanopia

#5C5B77

Deuteranopia

#5E6173

Tritanopia

#6A6A68

Achromatopsia

#535353

CSS Usage

background-color: #6C4686;
color: #6C4686;
border-color: #6C4686;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F8F5F9
100
#EEE8F2
200
#DDD0E7
300
#C5AFD5
400
#A683BE
500
#8757A8
600
#6C4686
700
#56386B
800
#432C54
900
#33233E
950
#201627

Contrast Checker

Text on white

7.35:1

AA Pass AAA Pass

Text on black

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