#66036C

#66036C

Color Values

HEX

#66036C

RGB

102, 3, 108

HSL

296,6, 94,6%, 21,8%

HSV

296,6, 97,2%, 42,4%

CMYK

5,6%, 97,2%, 0,0%, 57,6%

OKLCH

0,3638 0,167 325,4

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#66036C

#096C03

Analogous

#32036C

#6C033E

#66036C

Triadic

#66036C

#6C6603

#036C66

Split Complementary

#66036C

#3E6C03

#036C32

Tetradic

#66036C

#6C3203

#096C03

#033E6C

Color Blindness Simulation

Original

#66036C

Protanopia

#3B3A53

Deuteranopia

#41484C

Tritanopia

#613F3A

Achromatopsia

#202020

CSS Usage

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

Tailwind Shades

50
#FDF1FE
100
#FADFFC
200
#F9BAFD
300
#F588FC
400
#F047FA
500
#EA07F8
600
#BC06C6
700
#96049F
800
#75037C
900
#55075A
950
#360539

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

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