#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