#345890 Color

Color Information

HEX#345890
RGB52, 88, 144
HSL217° , 47% , 38%
HSV217° , 64% , 56%
CMYK64%, 39%, 0%, 44%

Lighter Shades

#4C6C9D #6580AB #7D94B8 #95A8C5 #AEBCD3 #C6D0E0

Darker Shades

#2E4D7F #28436D #21385C #1B2E4B #15233A #0F1928

Complementary Palette

#2D4C7C #345890 #7A5D2C #8E6C33 #9E8150 #506FA0

Analogous Palette

#416C71 #47757B #315387 #345890 #4D477B #5E5982

Triadic Palette

#2E4D7F #345890 #982A54 #A44469 #54982A #4A8625

Split Complementary Palette

#2F4F82 #345890 #8E3E33 #995147 #848E33 #77802E

Square Palette

#2C4A79 #345890 #853D7C #856A3D #338E3E #54A05D

Tetradic Palette

#2B4876 #345890 #7222A0 #8E6C33 #52A022 #71B14A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #345890 contains 52 red, 88 green, and 144 blue.

Contrast Ratio: 7.2:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.92:1