#354774

#354774

Color Values

HEX

#354774

RGB

53, 71, 116

HSL

222.9, 37.3%, 33.1%

HSV

222.9, 54.3%, 45.5%

CMYK

54.3%, 38.8%, 0.0%, 54.5%

OKLCH

0.4049 0.0794 266.4

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#354774

#746235

Analogous

#356674

#423574

#354774

Triadic

#354774

#743547

#477435

Split Complementary

#354774

#744235

#667435

Tetradic

#354774

#743566

#746235

#357442

Color Blindness Simulation

Original

#354774

Protanopia

#3D3D69

Deuteranopia

#3C3A66

Tritanopia

#36615F

Achromatopsia

#464646

CSS Usage

background-color: #354774;
color: #354774;
border-color: #354774;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F5F6FA
100
#E7EBF3
200
#CED6E9
300
#ABB8D9
400
#7D92C4
500
#506BAF
600
#40568C
700
#334570
800
#283658
900
#202941
950
#141A29

Contrast Checker

Text on white

9.11:1

AA Pass AAA Pass

Text on black

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