#351053

#351053

Color Values

HEX

#351053

RGB

53, 16, 83

HSL

273.1, 67.7%, 19.4%

HSV

273.1, 80.7%, 32.5%

CMYK

36.1%, 80.7%, 0.0%, 67.5%

OKLCH

0.274 0.1147 305.0

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#351053

#2E5310

Analogous

#131053

#531050

#351053

Triadic

#351053

#533510

#105335

Split Complementary

#351053

#505310

#105313

Tetradic

#351053

#531310

#2E5310

#105053

Color Blindness Simulation

Original

#351053

Protanopia

#252543

Deuteranopia

#272A3F

Tritanopia

#333633

Achromatopsia

#1D1D1D

CSS Usage

background-color: #351053;
color: #351053;
border-color: #351053;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F8F3FC
100
#EEE3F7
200
#DEC3F3
300
#C698EB
400
#A761E1
500
#8829D6
600
#6D21AB
700
#571A89
800
#44156B
900
#34134E
950
#210C31

Contrast Checker

Text on white

15.55:1

AA Pass AAA Pass

Text on black

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