#66057B

#66057B

Color Values

HEX

#66057B

RGB

102, 5, 123

HSL

289.3, 92.2%, 25.1%

HSV

289.3, 95.9%, 48.2%

CMYK

17.1%, 95.9%, 0.0%, 51.8%

OKLCH

0.3761 0.1774 318.7

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#66057B

#1A7B05

Analogous

#2B057B

#7B0555

#66057B

Triadic

#66057B

#7B6605

#057B66

Split Complementary

#66057B

#557B05

#057B2B

Tetradic

#66057B

#7B2B05

#1A7B05

#05557B

Color Blindness Simulation

Original

#66057B

Protanopia

#3C3B5E

Deuteranopia

#424958

Tritanopia

#614843

Achromatopsia

#222222

CSS Usage

background-color: #66057B;
color: #66057B;
border-color: #66057B;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#FBF1FD
100
#F6DFFB
200
#F0BAFC
300
#E689FA
400
#D94AF8
500
#CB0AF5
600
#A308C4
700
#82069D
800
#66057B
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