#663047

#663047

Color Values

HEX

#663047

RGB

102, 48, 71

HSL

334.4, 36.0%, 29.4%

HSV

334.4, 52.9%, 40.0%

CMYK

0.0%, 52.9%, 30.4%, 60.0%

OKLCH

0.3886 0.0826 354.8

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#663047

#30664F

Analogous

#663062

#663430

#663047

Triadic

#663047

#476630

#304766

Split Complementary

#663047

#306634

#306266

Tetradic

#663047

#626630

#30664F

#343066

Color Blindness Simulation

Original

#663047

Protanopia

#4F4E41

Deuteranopia

#525640

Tritanopia

#633D3C

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F3E8EC
200
#E8CED9
300
#D8ACBF
400
#C37F9C
500
#AD5279
600
#8B4161
700
#6F344D
800
#57293C
900
#40212E
950
#29151D

Contrast Checker

Text on white

10.1:1

AA Pass AAA Pass

Text on black

2.08:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026