#631AAD

#631AAD

Color Values

HEX

#631AAD

RGB

99, 26, 173

HSL

269.8, 73.9%, 39.0%

HSV

269.8, 85.0%, 67.8%

CMYK

42.8%, 85.0%, 0.0%, 32.2%

OKLCH

0.427 0.2077 299.2

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#631AAD

#64AD1A

Analogous

#1A1AAD

#AC1AAD

#631AAD

Triadic

#631AAD

#AD631A

#1AAD63

Split Complementary

#631AAD

#ADAC1A

#1AAD1A

Tetradic

#631AAD

#AD1A1A

#64AD1A

#1AADAC

Color Blindness Simulation

Original

#631AAD

Protanopia

#434389

Deuteranopia

#484D81

Tritanopia

#5F6D67

Achromatopsia

#343434

CSS Usage

background-color: #631AAD;
color: #631AAD;
border-color: #631AAD;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F7F3FC
100
#EDE2F8
200
#DBC1F6
300
#C195EF
400
#A05BE6
500
#7F21DE
600
#651BB1
700
#51158E
800
#3F116F
900
#301051
950
#1E0A33

Contrast Checker

Text on white

9.2:1

AA Pass AAA Pass

Text on black

2.28:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026