#630DAD

#630DAD

Color Values

HEX

#630DAD

RGB

99, 13, 173

HSL

272.2, 86.0%, 36.5%

HSV

272.2, 92.5%, 67.8%

CMYK

42.8%, 92.5%, 0.0%, 32.2%

OKLCH

0.4194 0.2154 300.0

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#630DAD

#57AD0D

Analogous

#130DAD

#AD0DA7

#630DAD

Triadic

#630DAD

#AD630D

#0DAD63

Split Complementary

#630DAD

#A7AD0D

#0DAD13

Tetradic

#630DAD

#AD130D

#57AD0D

#0DA7AD

Color Blindness Simulation

Original

#630DAD

Protanopia

#3E3D86

Deuteranopia

#43497D

Tritanopia

#5F6861

Achromatopsia

#2B2B2B

CSS Usage

background-color: #630DAD;
color: #630DAD;
border-color: #630DAD;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F8F2FD
100
#EEE0FA
200
#DEBDFA
300
#C68DF6
400
#A750F2
500
#8812ED
600
#6C0EBE
700
#570B98
800
#440977
900
#330B56
950
#200736

Contrast Checker

Text on white

9.58:1

AA Pass AAA Pass

Text on black

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