#354EA6 Color

Color Information

HEX#354EA6
RGB53, 78, 166
HSL227° , 52% , 43%
HSV227° , 68% , 65%
CMYK68%, 53%, 0%, 35%

Lighter Shades

#4D63B1 #6578BB #7E8EC6 #96A3D1 #AEB8DB #C6CDE6

Darker Shades

#2F4592 #283B7E #22326A #1C2956 #151F42 #0F162E

Complementary Palette

#2E438F #354EA6 #907A2E #A78E35 #B39E51 #5167B2

Analogous Palette

#457387 #4B7D91 #32499C #354EA6 #5E4B91 #6E5E97

Triadic Palette

#2F4592 #354EA6 #B22A47 #BB445D #47B22A #3E9D25

Split Complementary Palette

#304695 #354EA6 #A75535 #B06649 #86A735 #799630

Square Palette

#2D428B #354EA6 #9C4082 #9C8840 #35A755 #55B570

Tetradic Palette

#2B4088 #354EA6 #9921BA #A78E35 #42BA21 #64C649

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #354EA6 contains 53 red, 78 green, and 166 blue.

Contrast Ratio: 7.63:1

Black Background

FAIL

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 2.75:1