#351291

#351291

Color Values

HEX

#351291

RGB

53, 18, 145

HSL

256.5, 77.9%, 32.0%

HSV

256.5, 87.6%, 56.9%

CMYK

63.4%, 87.6%, 0.0%, 43.1%

OKLCH

0.3409 0.1838 283.3

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#351291

#6E9112

Analogous

#122F91

#751291

#351291

Triadic

#351291

#913512

#129135

Split Complementary

#351291

#917512

#2F9112

Tetradic

#351291

#91122F

#6E9112

#129175

Color Blindness Simulation

Original

#351291

Protanopia

#262672

Deuteranopia

#282A6B

Tritanopia

#335A55

Achromatopsia

#232323

CSS Usage

background-color: #351291;
color: #351291;
border-color: #351291;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F5F2FC
100
#E8E1F9
200
#CFBFF7
300
#AC92F1
400
#8057EA
500
#531CE3
600
#4217B5
700
#351291
800
#290E71
900
#210E52
950
#150934

Contrast Checker

Text on white

12.75:1

AA Pass AAA Pass

Text on black

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