#63276C

#63276C

Color Values

HEX

#63276C

RGB

99, 39, 108

HSL

292.2, 46.9%, 28.8%

HSV

292.2, 63.9%, 42.4%

CMYK

8.3%, 63.9%, 0.0%, 57.6%

OKLCH

0.3891 0.1276 322.3

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#63276C

#306C27

Analogous

#40276C

#6C2752

#63276C

Triadic

#63276C

#6C6327

#276C63

Split Complementary

#63276C

#526C27

#276C40

Tetradic

#63276C

#6C4027

#306C27

#27526C

Color Blindness Simulation

Original

#63276C

Protanopia

#49485B

Deuteranopia

#4C5157

Tritanopia

#604E4B

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F2E6F4
200
#E8CBEC
300
#D7A5DF
400
#C174CD
500
#AC44BB
600
#893696
700
#6E2B78
800
#56225E
900
#401C45
950
#28122C

Contrast Checker

Text on white

10.31:1

AA Pass AAA Pass

Text on black

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