#630AF5

#630AF5

Color Values

HEX

#630AF5

RGB

99, 10, 245

HSL

262.7, 92.2%, 50.0%

HSV

262.7, 95.9%, 96.1%

CMYK

59.6%, 95.9%, 0.0%, 3.9%

OKLCH

0.4927 0.2826 285.6

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#630AF5

#9CF50A

Analogous

#0A27F5

#D80AF5

#630AF5

Triadic

#630AF5

#F5630A

#0AF563

Split Complementary

#630AF5

#F5D80A

#27F50A

Tetradic

#630AF5

#F50A27

#9CF50A

#0AF5D8

Color Blindness Simulation

Original

#630AF5

Protanopia

#3C3CBC

Deuteranopia

#4248AE

Tritanopia

#5F8F85

Achromatopsia

#2E2E2E

CSS Usage

background-color: #630AF5;
color: #630AF5;
border-color: #630AF5;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F6F1FD
100
#EADFFB
200
#D3BAFC
300
#B489FA
400
#8B4AF8
500
#630AF5
600
#4F08C4
700
#3F069D
800
#31057B
900
#270859
950
#180538

Contrast Checker

Text on white

7.26:1

AA Pass AAA Pass

Text on black

2.89:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026