#630FF0

#630FF0

Color Values

HEX

#630FF0

RGB

99, 15, 240

HSL

262.4, 88.2%, 50.0%

HSV

262.4, 93.8%, 94.1%

CMYK

58.8%, 93.8%, 0.0%, 5.9%

OKLCH

0.4889 0.2766 286.3

Properties

Cool Dark Nearest: purple 1

Color Harmonies

Complementary

#630FF0

#9CF00F

Analogous

#0F2CF0

#D30FF0

#630FF0

Triadic

#630FF0

#F0630F

#0FF063

Split Complementary

#630FF0

#F0D30F

#2CF00F

Tetradic

#630FF0

#F00F2C

#9CF00F

#0FF0D3

Color Blindness Simulation

Original

#630FF0

Protanopia

#3F3EBA

Deuteranopia

#444AAC

Tritanopia

#5F8F85

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#F6F2FD
100
#EAE0FB
200
#D3BCFB
300
#B48CF8
400
#8C4DF4
500
#630FF0
600
#4F0CC0
700
#3F0A9A
800
#320878
900
#270A57
950
#180637

Contrast Checker

Text on white

7.35:1

AA Pass AAA Pass

Text on black

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