#2D5A9B Color

Color Information

HEX	#2D5A9B
RGB	45, 90, 155
HSL	215° , 55% , 39%
HSV	215° , 71% , 61%
CMYK	71%, 42%, 0%, 39%

Lighter Shades

#466EA7 #5F82B3 #7995BF #92A9CB #ABBDD7 #C4D1E3

Darker Shades

#284F88 #224476 #1D3A63 #172F51 #12243E #0D192B

Complementary Palette

#274D85 #2D5A9B #845E27 #9A6D2D #A8814A #4A71A9

Analogous Palette

#3C777C #418086 #2A5592 #2D5A9B #464186 #59548C

Triadic Palette

#284F88 #2D5A9B #A42359 #AF3D6D #59A423 #4E901F

Split Complementary Palette

#29518C #2D5A9B #9A362D #A44A42 #919A2D #838B29

Square Palette

#264C82 #2D5A9B #903789 #906B37 #2D9A36 #4FAA56

Tetradic Palette

#254A7F #2D5A9B #701BAC #9A6D2D #57AC1B #75BB44

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D5A9B contains 45 red, 90 green, and 155 blue.

Contrast Ratio: 6.95:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.02:1