#63277C

#63277C

Color Values

HEX

#63277C

RGB

99, 39, 124

HSL

282.4, 52.1%, 32.0%

HSV

282.4, 68.5%, 48.6%

CMYK

20.2%, 68.5%, 0.0%, 51.4%

OKLCH

0.3996 0.1442 314.4

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#63277C

#407C27

Analogous

#39277C

#7C276B

#63277C

Triadic

#63277C

#7C6327

#277C63

Split Complementary

#63277C

#6B7C27

#277C39

Tetradic

#63277C

#7C3927

#407C27

#276B7C

Color Blindness Simulation

Original

#63277C

Protanopia

#494867

Deuteranopia

#4C5162

Tritanopia

#605754

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#F9F4FB
100
#F0E5F5
200
#E3C9EE
300
#CFA2E2
400
#B56FD2
500
#9B3DC2
600
#7C319B
700
#63277C
800
#4D1F61
900
#3A1A47
950
#25102D

Contrast Checker

Text on white

9.94:1

AA Pass AAA Pass

Text on black

2.11:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026