#630BC5

#630BC5

Color Values

HEX

#630BC5

RGB

99, 11, 197

HSL

268.4, 89.4%, 40.8%

HSV

268.4, 94.4%, 77.3%

CMYK

49.7%, 94.4%, 0.0%, 22.7%

OKLCH

0.4424 0.2379 294.3

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#630BC5

#6DC50B

Analogous

#0B10C5

#C00BC5

#630BC5

Triadic

#630BC5

#C5630B

#0BC563

Split Complementary

#630BC5

#C5C00B

#10C50B

Tetradic

#630BC5

#C50B10

#6DC50B

#0BC5C0

Color Blindness Simulation

Original

#630BC5

Protanopia

#3D3C98

Deuteranopia

#42498D

Tritanopia

#5F746D

Achromatopsia

#2B2B2B

CSS Usage

background-color: #630BC5;
color: #630BC5;
border-color: #630BC5;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F7F2FD
100
#ECE0FB
200
#DABBFB
300
#BF8BF9
400
#9C4CF5
500
#790EF1
600
#610BC1
700
#4E099B
800
#3D0779
900
#2E0957
950
#1D0637

Contrast Checker

Text on white

8.81:1

AA Pass AAA Pass

Text on black

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