#663B59

#663B59

Color Values

HEX

#663B59

RGB

102, 59, 89

HSL

318.1, 26.7%, 31.6%

HSV

318.1, 42.2%, 40.0%

CMYK

0.0%, 42.2%, 12.7%, 60.0%

OKLCH

0.4151 0.0742 339.1

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#663B59

#3B6648

Analogous

#5E3B66

#663B44

#663B59

Triadic

#663B59

#59663B

#3B5966

Split Complementary

#663B59

#44663B

#3B665E

Tetradic

#663B59

#665E3B

#3B6648

#3B4466

Color Blindness Simulation

Original

#663B59

Protanopia

#535352

Deuteranopia

#565950

Tritanopia

#644C4B

Achromatopsia

#464646

CSS Usage

background-color: #663B59;
color: #663B59;
border-color: #663B59;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#F9F6F8
100
#F1E9EF
200
#E5D2DF
300
#D2B1C8
400
#BA87AB
500
#A25D8D
600
#814B71
700
#673C5A
800
#512F47
900
#3C2535
950
#261722

Contrast Checker

Text on white

8.99:1

AA Pass AAA Pass

Text on black

2.33:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026