#6326D9

#6326D9

Color Values

HEX

#6326D9

RGB

99, 38, 217

HSL

260.4, 70.2%, 50.0%

HSV

260.4, 82.5%, 85.1%

CMYK

54.4%, 82.5%, 0.0%, 14.9%

OKLCH

0.4787 0.2428 288.9

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#6326D9

#9CD926

Analogous

#2643D9

#BC26D9

#6326D9

Triadic

#6326D9

#D96326

#26D963

Split Complementary

#6326D9

#D9BC26

#43D926

Tetradic

#6326D9

#D92643

#9CD926

#26D9BC

Color Blindness Simulation

Original

#6326D9

Protanopia

#4948AE

Deuteranopia

#4C51A3

Tritanopia

#608B84

Achromatopsia

#404040

CSS Usage

background-color: #6326D9;
color: #6326D9;
border-color: #6326D9;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F6F3FC
100
#EAE2F8
200
#D3C2F4
300
#B497ED
400
#8B5EE3
500
#6326D9
600
#4F1EAE
700
#3F188B
800
#31136D
900
#27124F
950
#180B32

Contrast Checker

Text on white

7.47:1

AA Pass AAA Pass

Text on black

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