#354180

#354180

Color Values

HEX

#354180

RGB

53, 65, 128

HSL

230.4, 41.4%, 35.5%

HSV

230.4, 58.6%, 50.2%

CMYK

58.6%, 49.2%, 0.0%, 49.8%

OKLCH

0.3993 0.1063 272.6

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#354180

#807435

Analogous

#356780

#4F3580

#354180

Triadic

#354180

#803541

#418035

Split Complementary

#354180

#804F35

#678035

Tetradic

#354180

#803567

#807435

#35804F

Color Blindness Simulation

Original

#354180

Protanopia

#3A3A71

Deuteranopia

#3A396D

Tritanopia

#366562

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E7E9F3
200
#CDD1EA
300
#A8B1DB
400
#7A86C8
500
#4B5CB4
600
#3C4990
700
#303B73
800
#252E5A
900
#1E2443
950
#13172A

Contrast Checker

Text on white

9.46:1

AA Pass AAA Pass

Text on black

2.22:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026