#2D4676 Color

Color Information

HEX	#2D4676
RGB	45, 70, 118
HSL	219° , 45% , 32%
HSV	219° , 62% , 46%
CMYK	62%, 41%, 0%, 54%

Lighter Shades

#465C86 #5F7297 #7989A7 #929FB8 #ABB5C8 #C4CBD9

Darker Shades

#283E68 #22355A #1D2D4C #17243D #121C2F #0D1421

Complementary Palette

#273C65 #2D4676 #655027 #765D2D #89744A #4A6089

Analogous Palette

#37565C #3D6066 #2A426F #2D4676 #433D66 #54506D

Triadic Palette

#283E68 #2D4676 #7E2544 #8D3F5A #447E25 #3C6F21

Split Complementary Palette

#293F6A #2D4676 #76382D #844C42 #6B762D #606A29

Square Palette

#263B63 #2D4676 #6E3566 #6E5A35 #2D7638 #4F8C58

Tetradic Palette

#253961 #2D4676 #611E85 #765D2D #42851E #649B47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D4676 contains 45 red, 70 green, and 118 blue.

Contrast Ratio: 9.58:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.19:1