#353377

#353377

Color Values

HEX

#353377

RGB

53, 51, 119

HSL

241.8, 40.0%, 33.3%

HSV

241.8, 57.1%, 46.7%

CMYK

55.5%, 57.1%, 0.0%, 53.3%

OKLCH

0.3632 0.113 280.5

Properties

Cool Dark Nearest: darkslateblue

Color Harmonies

Complementary

#353377

#757733

Analogous

#335377

#573377

#353377

Triadic

#353377

#773533

#337735

Split Complementary

#353377

#775733

#537733

Tetradic

#353377

#773353

#757733

#337757

Color Blindness Simulation

Original

#353377

Protanopia

#343467

Deuteranopia

#343463

Tritanopia

#355A57

Achromatopsia

#383838

CSS Usage

background-color: #353377;
color: #353377;
border-color: #353377;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E7E7F3
200
#CECDEA
300
#ABA9DA
400
#7D7BC6
500
#504CB2
600
#403D8F
700
#333172
800
#282659
900
#201F42
950
#14142A

Contrast Checker

Text on white

11.1:1

AA Pass AAA Pass

Text on black

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