#353C91

#353C91

Color Values

HEX

#353C91

RGB

53, 60, 145

HSL

235.4, 46.5%, 38.8%

HSV

235.4, 63.4%, 56.9%

CMYK

63.4%, 58.6%, 0.0%, 43.1%

OKLCH

0.402 0.1384 274.7

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#353C91

#918A35

Analogous

#356A91

#5C3591

#353C91

Triadic

#353C91

#91353C

#3C9135

Split Complementary

#353C91

#915C35

#6A9135

Tetradic

#353C91

#91356A

#918A35

#35915C

Color Blindness Simulation

Original

#353C91

Protanopia

#38387C

Deuteranopia

#383778

Tritanopia

#356C69

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#F4F5FA
100
#E6E7F4
200
#CBCDEC
300
#A5AADE
400
#757CCD
500
#444DBB
600
#373E95
700
#2C3178
800
#22275D
900
#1C1F45
950
#12142B

Contrast Checker

Text on white

9.52:1

AA Pass AAA Pass

Text on black

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