#63278C

#63278C

Color Values

HEX

#63278C

RGB

99, 39, 140

HSL

275.6, 56.4%, 35.1%

HSV

275.6, 72.1%, 54.9%

CMYK

29.3%, 72.1%, 0.0%, 45.1%

OKLCH

0.4113 0.1612 308.0

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#63278C

#508C27

Analogous

#30278C

#8C2783

#63278C

Triadic

#63278C

#8C6327

#278C63

Split Complementary

#63278C

#838C27

#278C30

Tetradic

#63278C

#8C3027

#508C27

#27838C

Color Blindness Simulation

Original

#63278C

Protanopia

#494874

Deuteranopia

#4C516E

Tritanopia

#60605C

Achromatopsia

#3B3B3B

CSS Usage

background-color: #63278C;
color: #63278C;
border-color: #63278C;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F8F4FB
100
#EFE5F6
200
#DFC7EF
300
#C89FE4
400
#AB6BD6
500
#8D38C7
600
#712CA0
700
#5A2480
800
#461C64
900
#351849
950
#210F2E

Contrast Checker

Text on white

9.55:1

AA Pass AAA Pass

Text on black

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