#663F76

#663F76

Color Values

HEX

#663F76

RGB

102, 63, 118

HSL

282.5, 30.4%, 35.5%

HSV

282.5, 46.6%, 46.3%

CMYK

13.6%, 46.6%, 0.0%, 53.7%

OKLCH

0.4365 0.0982 315.5

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#663F76

#4F763F

Analogous

#4A3F76

#763F6B

#663F76

Triadic

#663F76

#76663F

#3F7666

Split Complementary

#663F76

#6B763F

#3F764A

Tetradic

#663F76

#764A3F

#4F763F

#3F6B76

Color Blindness Simulation

Original

#663F76

Protanopia

#555569

Deuteranopia

#575A66

Tritanopia

#645E5C

Achromatopsia

#4B4B4B

CSS Usage

background-color: #663F76;
color: #663F76;
border-color: #663F76;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F8F5F9
100
#EFE9F2
200
#E0D0E6
300
#CAAFD4
400
#AD84BD
500
#9059A6
600
#734785
700
#5C396A
800
#482C53
900
#36233E
950
#221627

Contrast Checker

Text on white

8.28:1

AA Pass AAA Pass

Text on black

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