#351956

#351956

Color Values

HEX

#351956

RGB

53, 25, 86

HSL

267.5, 55.0%, 21.8%

HSV

267.5, 70.9%, 33.7%

CMYK

38.4%, 70.9%, 0.0%, 66.3%

OKLCH

0.2891 0.1057 301.1

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#351956

#3A5619

Analogous

#191C56

#541956

#351956

Triadic

#351956

#563519

#195635

Split Complementary

#351956

#565419

#1C5619

Tetradic

#351956

#56191C

#3A5619

#195654

Color Blindness Simulation

Original

#351956

Protanopia

#292947

Deuteranopia

#2A2D44

Tritanopia

#343C39

Achromatopsia

#232323

CSS Usage

background-color: #351956;
color: #351956;
border-color: #351956;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F7F4FB
100
#ECE5F5
200
#DAC8EF
300
#BFA0E3
400
#9C6DD5
500
#7A39C6
600
#612E9E
700
#4E257E
800
#3D1D63
900
#2E1848
950
#1D0F2E

Contrast Checker

Text on white

14.74:1

AA Pass AAA Pass

Text on black

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