#351967

#351967

Color Values

HEX

#351967

RGB

53, 25, 103

HSL

261.5, 60.9%, 25.1%

HSV

261.5, 75.7%, 40.4%

CMYK

48.5%, 75.7%, 0.0%, 59.6%

OKLCH

0.3043 0.1276 293.8

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#351967

#4B6719

Analogous

#192467

#5C1967

#351967

Triadic

#351967

#673519

#196735

Split Complementary

#351967

#675C19

#246719

Tetradic

#351967

#671924

#4B6719

#19675C

Color Blindness Simulation

Original

#351967

Protanopia

#292954

Deuteranopia

#2A2D50

Tritanopia

#344542

Achromatopsia

#252525

CSS Usage

background-color: #351967;
color: #351967;
border-color: #351967;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F6F3FB
100
#EBE4F6
200
#D5C6F1
300
#B79DE7
400
#9067DA
500
#6932CD
600
#5428A4
700
#442083
800
#351967
900
#29164B
950
#1A0E2F

Contrast Checker

Text on white

14.13:1

AA Pass AAA Pass

Text on black

1.49:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026