#670666

#670666

Color Values

HEX

#670666

RGB

103, 6, 102

HSL

300.6, 89.0%, 21.4%

HSV

300.6, 94.2%, 40.4%

CMYK

0.0%, 94.2%, 1.0%, 59.6%

OKLCH

0.3629 0.1608 328.8

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#670666

#066707

Analogous

#380667

#670636

#670666

Triadic

#670666

#666706

#066667

Split Complementary

#670666

#366706

#066738

Tetradic

#670666

#673806

#066707

#063667

Color Blindness Simulation

Original

#670666

Protanopia

#3D3C4F

Deuteranopia

#434A49

Tritanopia

#623C38

Achromatopsia

#222222

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FBE0FA
200
#FBBCFA
300
#F88BF7
400
#F54DF3
500
#F10EEF
600
#C10BBF
700
#9A0999
800
#780777
900
#570A56
950
#370637

Contrast Checker

Text on white

11.7:1

AA Pass AAA Pass

Text on black

1.79:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026