#630FA2

#630FA2

Color Values

HEX

#630FA2

RGB

99, 15, 162

HSL

274.3, 83.1%, 34.7%

HSV

274.3, 90.7%, 63.5%

CMYK

38.9%, 90.7%, 0.0%, 36.5%

OKLCH

0.41 0.2045 303.0

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#630FA2

#4EA20F

Analogous

#190FA2

#A20F97

#630FA2

Triadic

#630FA2

#A2630F

#0FA263

Split Complementary

#630FA2

#97A20F

#0FA219

Tetradic

#630FA2

#A2190F

#4EA20F

#0F97A2

Color Blindness Simulation

Original

#630FA2

Protanopia

#3F3E7E

Deuteranopia

#444A76

Tritanopia

#5F625C

Achromatopsia

#2B2B2B

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EFE1FA
200
#E0BEF9
300
#C98FF5
400
#AC52EF
500
#8F16E9
600
#7211BB
700
#5B0E95
800
#470B75
900
#360C55
950
#220835

Contrast Checker

Text on white

9.9:1

AA Pass AAA Pass

Text on black

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