#662F75

#662F75

Color Values

HEX

#662F75

RGB

102, 47, 117

HSL

287.1, 42.7%, 32.2%

HSV

287.1, 59.8%, 45.9%

CMYK

12.8%, 59.8%, 0.0%, 54.1%

OKLCH

0.41 0.1256 318.6

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#662F75

#3E752F

Analogous

#432F75

#752F61

#662F75

Triadic

#662F75

#75662F

#2F7566

Split Complementary

#662F75

#61752F

#2F7543

Tetradic

#662F75

#75432F

#3E752F

#2F6175

Color Blindness Simulation

Original

#662F75

Protanopia

#4E4E64

Deuteranopia

#515560

Tritanopia

#635754

Achromatopsia

#404040

CSS Usage

background-color: #662F75;
color: #662F75;
border-color: #662F75;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#F9F5FA
100
#F1E7F4
200
#E4CCEB
300
#D1A8DC
400
#B878C9
500
#9F49B6
600
#7F3A92
700
#652F74
800
#4F255B
900
#3B1E43
950
#25132A

Contrast Checker

Text on white

9.42:1

AA Pass AAA Pass

Text on black

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