#662F65

#662F65

Color Values

HEX

#662F65

RGB

102, 47, 101

HSL

301.1, 36.9%, 29.2%

HSV

301.1, 53.9%, 40.0%

CMYK

0.0%, 53.9%, 1.0%, 60.0%

OKLCH

0.4007 0.1087 328.1

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#662F65

#2F6630

Analogous

#4B2F66

#662F49

#662F65

Triadic

#662F65

#65662F

#2F6566

Split Complementary

#662F65

#49662F

#2F664B

Tetradic

#662F65

#664B2F

#2F6630

#2F4966

Color Blindness Simulation

Original

#662F65

Protanopia

#4E4E58

Deuteranopia

#515555

Tritanopia

#634E4B

Achromatopsia

#3F3F3F

CSS Usage

background-color: #662F65;
color: #662F65;
border-color: #662F65;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FAF5FA
100
#F3E8F3
200
#E8CEE8
300
#D8ABD8
400
#C37EC2
500
#AF50AD
600
#8C408A
700
#70336F
800
#572856
900
#412040
950
#291428

Contrast Checker

Text on white

9.72:1

AA Pass AAA Pass

Text on black

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