#662382

#662382

Color Values

HEX

#662382

RGB

102, 35, 130

HSL

282.3, 57.6%, 32.4%

HSV

282.3, 73.1%, 51.0%

CMYK

21.5%, 73.1%, 0.0%, 49.0%

OKLCH

0.4034 0.157 314.0

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#662382

#3F8223

Analogous

#372382

#82236F

#662382

Triadic

#662382

#826623

#238266

Split Complementary

#662382

#6F8223

#238237

Tetradic

#662382

#823723

#3F8223

#236F82

Color Blindness Simulation

Original

#662382

Protanopia

#49486B

Deuteranopia

#4D5266

Tritanopia

#635955

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#F9F4FB
100
#F1E4F6
200
#E4C7F0
300
#D09FE5
400
#B76AD7
500
#9E36C9
600
#7E2BA1
700
#652381
800
#4F1B64
900
#3B174A
950
#250F2E

Contrast Checker

Text on white

9.87:1

AA Pass AAA Pass

Text on black

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