#663F61

#663F61

Color Values

HEX

#663F61

RGB

102, 63, 97

HSL

307.7, 23.6%, 32.4%

HSV

307.7, 38.2%, 40.0%

CMYK

0.0%, 38.2%, 4.9%, 60.0%

OKLCH

0.426 0.0739 331.5

Properties

Warm Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#663F61

#3F6644

Analogous

#583F66

#663F4E

#663F61

Triadic

#663F61

#61663F

#3F6166

Split Complementary

#663F61

#4E663F

#3F6658

Tetradic

#663F61

#66583F

#3F6644

#3F4E66

Color Blindness Simulation

Original

#663F61

Protanopia

#555559

Deuteranopia

#575A57

Tritanopia

#645251

Achromatopsia

#4A4A4A

CSS Usage

background-color: #663F61;
color: #663F61;
border-color: #663F61;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F9F6F8
100
#F1EAF0
200
#E4D3E2
300
#D0B3CD
400
#B78AB1
500
#9E6196
600
#7E4E78
700
#653E60
800
#4F314B
900
#3B2638
950
#251823

Contrast Checker

Text on white

8.58:1

AA Pass AAA Pass

Text on black

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