#351069

#351069

Color Values

HEX

#351069

RGB

53, 16, 105

HSL

264,9, 73,6%, 23,7%

HSV

264,9, 84,8%, 41,2%

CMYK

49,5%, 84,8%, 0,0%, 58,8%

OKLCH

0,2953 0,1401 295,0

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#351069

#446910

Analogous

#101869

#611069

#351069

Triadic

#351069

#693510

#106935

Split Complementary

#351069

#696110

#186910

Tetradic

#351069

#691018

#446910

#106961

Color Blindness Simulation

Original

#351069

Protanopia

#252553

Deuteranopia

#272A4E

Tritanopia

#33423F

Achromatopsia

#1E1E1E

CSS Usage

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

Tailwind Shades

50
#F7F3FC
100
#EBE2F8
200
#D7C1F6
300
#BA95EF
400
#955BE6
500
#7022DD
600
#591BB1
700
#47168E
800
#38116F
900
#2B1051
950
#1B0A33

Contrast Checker

Text on white

14,69:1

AA Pass AAA Pass

Text on black

1,43:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026