#2D4685 Color

Color Information

HEX	#2D4685
RGB	45, 70, 133
HSL	223° , 49% , 35%
HSV	223° , 66% , 52%
CMYK	66%, 47%, 0%, 48%

Lighter Shades

#465C94 #5F72A2 #7989B1 #929FC0 #ABB5CE #C4CBDD

Darker Shades

#283E75 #223565 #1D2D55 #172445 #121C35 #0D1425

Complementary Palette

#273C72 #2D4685 #725D28 #856C2E #96814B #4A6096

Analogous Palette

#3A5F69 #3F6873 #2A427D #2D4685 #4A3F73 #5A5379

Triadic Palette

#283E75 #2D4685 #8E2542 #9C3F59 #428E25 #3A7D21

Split Complementary Palette

#293F78 #2D4685 #85402E #915343 #72852E #677829

Square Palette

#263B70 #2D4685 #7C366D #7C6836 #2E8540 #4F995F

Tetradic Palette

#25396D #2D4685 #731D95 #856C2E #3F951D #62A846

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D4685 contains 45 red, 70 green, and 133 blue.

Contrast Ratio: 9.25:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.27:1