#354EA9 Color

Color Information

HEX#354EA9
RGB53, 78, 169
HSL227° , 52% , 44%
HSV227° , 69% , 66%
CMYK69%, 54%, 0%, 34%

Lighter Shades

#4D63B3 #6578BE #7E8EC8 #96A3D2 #AEB8DD #C6CDE7

Darker Shades

#2F4595 #283B80 #22326C #1C2958 #151F44 #0F162F

Complementary Palette

#2E4391 #354EA9 #937D2E #AB9136 #B7A052 #5167B5

Analogous Palette

#47778A #4C8094 #32499F #354EA9 #614C94 #705F9B

Triadic Palette

#2F4595 #354EA9 #B62B49 #BF445F #49B62B #40A026

Split Complementary Palette

#304698 #354EA9 #AB5736 #B3684A #89AB36 #7B9A31

Square Palette

#2D428E #354EA9 #9F4185 #9F8B41 #36AB57 #56B872

Tetradic Palette

#2B408B #354EA9 #9D22BF #AB9136 #44BF22 #66CB4A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #354EA9 contains 53 red, 78 green, and 169 blue.

Contrast Ratio: 7.57:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.77:1