#66047C

#66047C

Color Values

HEX

#66047C

RGB

102, 4, 124

HSL

289.0, 93.8%, 25.1%

HSV

289.0, 96.8%, 48.6%

CMYK

17.7%, 96.8%, 0.0%, 51.4%

OKLCH

0.3764 0.1788 318.3

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#66047C

#1A7C04

Analogous

#2A047C

#7C0456

#66047C

Triadic

#66047C

#7C6604

#047C66

Split Complementary

#66047C

#567C04

#047C2A

Tetradic

#66047C

#7C2A04

#1A7C04

#04567C

Color Blindness Simulation

Original

#66047C

Protanopia

#3C3B5F

Deuteranopia

#414958

Tritanopia

#614843

Achromatopsia

#212121

CSS Usage

background-color: #66047C;
color: #66047C;
border-color: #66047C;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#FBF1FD
100
#F6DFFB
200
#F1BAFD
300
#E688FB
400
#D948F9
500
#CB08F7
600
#A306C6
700
#82059E
800
#66047C
900
#4A0859
950
#2F0538

Contrast Checker

Text on white

11.21:1

AA Pass AAA Pass

Text on black

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