#353F80

#353F80

Color Values

HEX

#353F80

RGB

53, 63, 128

HSL

232.0, 41.4%, 35.5%

HSV

232.0, 58.6%, 50.2%

CMYK

58.6%, 50.8%, 0.0%, 49.8%

OKLCH

0.395 0.1092 273.8

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#353F80

#807635

Analogous

#356580

#513580

#353F80

Triadic

#353F80

#80353F

#3F8035

Split Complementary

#353F80

#805135

#658035

Tetradic

#353F80

#803565

#807635

#358051

Color Blindness Simulation

Original

#353F80

Protanopia

#393970

Deuteranopia

#39386C

Tritanopia

#356461

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E9F3
200
#CDD0EA
300
#A8AFDB
400
#7A84C8
500
#4B59B4
600
#3C4790
700
#303973
800
#252C5A
900
#1E2343
950
#13162A

Contrast Checker

Text on white

9.66:1

AA Pass AAA Pass

Text on black

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