#630F98

#630F98

Color Values

HEX

#630F98

RGB

99, 15, 152

HSL

276.8, 82.0%, 32.7%

HSV

276.8, 90.1%, 59.6%

CMYK

34.9%, 90.1%, 0.0%, 40.4%

OKLCH

0.4008 0.1955 306.1

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#630F98

#44980F

Analogous

#1F0F98

#980F88

#630F98

Triadic

#630F98

#98630F

#0F9863

Split Complementary

#630F98

#88980F

#0F981F

Tetradic

#630F98

#981F0F

#44980F

#0F8898

Color Blindness Simulation

Original

#630F98

Protanopia

#3F3E77

Deuteranopia

#444A6F

Tritanopia

#5F5D57

Achromatopsia

#2B2B2B

CSS Usage

background-color: #630F98;
color: #630F98;
border-color: #630F98;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F9F2FD
100
#F0E1FA
200
#E2BEF9
300
#CD90F4
400
#B253EE
500
#9717E8
600
#7912BA
700
#610F95
800
#4C0B74
900
#390D54
950
#240835

Contrast Checker

Text on white

10.23:1

AA Pass AAA Pass

Text on black

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