#6C669C

#6C669C

Color Values

HEX

#6C669C

RGB

108, 102, 156

HSL

246.7, 21.4%, 50.6%

HSV

246.7, 34.6%, 61.2%

CMYK

30.8%, 34.6%, 0.0%, 38.8%

OKLCH

0.5382 0.0836 288.3

Properties

Cool Dark Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#6C669C

#969C66

Analogous

#667B9C

#87669C

#6C669C

Triadic

#6C669C

#9C6C66

#669C6C

Split Complementary

#6C669C

#9C8766

#7B9C66

Tetradic

#6C669C

#9C667B

#969C66

#669C87

Color Blindness Simulation

Original

#6C669C

Protanopia

#69698F

Deuteranopia

#6A6A8C

Tritanopia

#6C8582

Achromatopsia

#6B6B6B

CSS Usage

background-color: #6C669C;
color: #6C669C;
border-color: #6C669C;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F6F9
100
#EBEAF0
200
#D5D4E3
300
#B8B5CF
400
#918CB5
500
#6A649B
600
#55507C
700
#444063
800
#35324D
900
#29273A
950
#1A1924

Contrast Checker

Text on white

5.23:1

AA Pass AAA Fail

Text on black

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