#660B63

#660B63

Color Values

HEX

#660B63

RGB

102, 11, 99

HSL

302.0, 80.5%, 22.2%

HSV

302.0, 89.2%, 40.0%

CMYK

0.0%, 89.2%, 2.9%, 60.0%

OKLCH

0.3617 0.1546 329.8

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#660B63

#0B660E

Analogous

#3C0B66

#660B36

#660B63

Triadic

#660B63

#63660B

#0B6366

Split Complementary

#660B63

#36660B

#0B663C

Tetradic

#660B63

#663C0B

#0B660E

#0B3666

Color Blindness Simulation

Original

#660B63

Protanopia

#3F3E4E

Deuteranopia

#444B49

Tritanopia

#613D39

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#F9E1F9
200
#F8BFF6
300
#F391F0
400
#ED55E8
500
#E619DF
600
#B814B3
700
#93108F
800
#730C70
900
#540D51
950
#350833

Contrast Checker

Text on white

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