#353B84

#353B84

Color Values

HEX

#353B84

RGB

53, 59, 132

HSL

235.4, 42.7%, 36.3%

HSV

235.4, 59.8%, 51.8%

CMYK

59.8%, 55.3%, 0.0%, 48.2%

OKLCH

0.3896 0.1209 275.7

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#353B84

#847E35

Analogous

#356384

#573584

#353B84

Triadic

#353B84

#84353B

#3B8435

Split Complementary

#353B84

#845735

#638435

Tetradic

#353B84

#843563

#847E35

#358457

Color Blindness Simulation

Original

#353B84

Protanopia

#383872

Deuteranopia

#37376E

Tritanopia

#356461

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E8F4
200
#CCCEEB
300
#A8ACDC
400
#787FC9
500
#4951B6
600
#3A4192
700
#2F3474
800
#25295B
900
#1E2143
950
#13152A

Contrast Checker

Text on white

9.95:1

AA Pass AAA Pass

Text on black

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