#2D5A71 Color

Color Information

HEX	#2D5A71
RGB	45, 90, 113
HSL	200° , 43% , 31%
HSV	200° , 60% , 44%
CMYK	60%, 20%, 0%, 56%

Lighter Shades

#466E82 #5F8293 #7995A4 #92A9B5 #ABBDC6 #C4D1D7

Darker Shades

#284F63 #224456 #1D3A48 #172F3B #12242D #0D1920

Complementary Palette

#274D61 #2D5A71 #613A27 #71442D #855E4A #4A7185

Analogous Palette

#375852 #3D615B #2A556A #2D5A71 #3D4361 #4E536A

Triadic Palette

#284F63 #2D5A71 #79255D #893F70 #5D7925 #526A21

Split Complementary Palette

#295166 #2D5A71 #712D38 #7F424C #71662D #665C29

Square Palette

#264C5F #2D5A71 #603569 #694635 #38712D #58884F

Tetradic Palette

#254A5D #2D5A71 #3F1F7F #71442D #5F7F1F #7C9647

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D5A71 contains 45 red, 90 green, and 113 blue.

Contrast Ratio: 7.55:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.78:1