#345884 Color

Color Information

HEX#345884
RGB52, 88, 132
HSL213° , 43% , 36%
HSV213° , 61% , 52%
CMYK61%, 33%, 0%, 48%

Lighter Shades

#4C6C93 #6580A2 #7D94B0 #95A8BF #AEBCCE #C6D0DD

Darker Shades

#2E4D74 #284364 #213854 #1B2E45 #152335 #0F1925

Complementary Palette

#2D4C72 #345884 #71532D #836034 #947650 #506F95

Analogous Palette

#416668 #476F71 #31537C #345884 #494771 #5A5978

Triadic Palette

#2E4D74 #345884 #8C2B57 #9A446B #578C2B #4D7B26

Split Complementary Palette

#2F4F77 #345884 #833834 #8F4C48 #7F8334 #72762F

Square Palette

#2C4A6F #345884 #7A3E77 #7A5F3E #348338 #549758

Tetradic Palette

#2B486C #345884 #612494 #836034 #569424 #74A74B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #345884 contains 52 red, 88 green, and 132 blue.

Contrast Ratio: 7.38:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.84:1