#630467

#630467

Color Values

HEX

#630467

RGB

99, 4, 103

HSL

297.6, 92.5%, 21.0%

HSV

297.6, 96.1%, 40.4%

CMYK

3.9%, 96.1%, 0.0%, 59.6%

OKLCH

0.3556 0.1613 326.3

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#630467

#086704

Analogous

#320467

#67043A

#630467

Triadic

#630467

#676304

#046763

Split Complementary

#630467

#3A6704

#046732

Tetradic

#630467

#673204

#086704

#043A67

Color Blindness Simulation

Original

#630467

Protanopia

#3A394F

Deuteranopia

#3F4649

Tritanopia

#5E3C38

Achromatopsia

#1F1F1F

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FADFFB
200
#FABAFC
300
#F689FA
400
#F149F8
500
#EC0AF5
600
#BD08C4
700
#97069D
800
#76057B
900
#560859
950
#360538

Contrast Checker

Text on white

12.04:1

AA Pass AAA Pass

Text on black

1.74:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026