#662E89

#662E89

Color Values

HEX

#662E89

RGB

102, 46, 137

HSL

276.9, 49.7%, 35.9%

HSV

276.9, 66.4%, 53.7%

CMYK

25.5%, 66.4%, 0.0%, 46.3%

OKLCH

0.4219 0.1493 309.8

Properties

Cool Dark Nearest: rebeccapurple

Color Harmonies

Complementary

#662E89

#51892E

Analogous

#392E89

#892E7F

#662E89

Triadic

#662E89

#89662E

#2E8966

Split Complementary

#662E89

#7F892E

#2E8939

Tetradic

#662E89

#89392E

#51892E

#2E7F89

Color Blindness Simulation

Original

#662E89

Protanopia

#4E4D73

Deuteranopia

#51556E

Tritanopia

#63625E

Achromatopsia

#404040

CSS Usage

background-color: #662E89;
color: #662E89;
border-color: #662E89;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F8F4FB
100
#EFE6F5
200
#DFCAED
300
#C9A3E0
400
#AB72D0
500
#8E40BF
600
#723399
700
#5B297A
800
#47205F
900
#351B46
950
#22112C

Contrast Checker

Text on white

9.06:1

AA Pass AAA Pass

Text on black

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