#334D85 Color

Color Information

HEX	#334D85
RGB	51, 77, 133
HSL	221° , 45% , 36%
HSV	221° , 62% , 52%
CMYK	62%, 42%, 0%, 48%

Lighter Shades

#4B6294 #6478A2 #7C8DB1 #95A2C0 #ADB8CE #C6CDDD

Darker Shades

#2D4475 #273B65 #213155 #1B2845 #141F35 #0E1625

Complementary Palette

#2C4272 #334D85 #725C2B #856B32 #96804F #506696

Analogous Palette

#3F6269 #456A73 #30487D #334D85 #4E4573 #5E577A

Triadic Palette

#2D4475 #334D85 #8E294B #9C4361 #4B8E29 #427D24

Split Complementary Palette

#2E4578 #334D85 #854232 #915547 #768532 #6A782D

Square Palette

#2B4170 #334D85 #7C3C70 #7C683C #328542 #539960

Tetradic Palette

#2A3F6D #334D85 #712296 #856B32 #499622 #6AA94A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #334D85 contains 51 red, 77 green, and 133 blue.

Contrast Ratio: 8.42:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.49:1