#2D4766 Color

Color Information

HEX	#2D4766
RGB	45, 71, 102
HSL	213° , 39% , 29%
HSV	213° , 56% , 40%
CMYK	56%, 30%, 0%, 60%

Lighter Shades

#465D78 #5F738B #79899D #929FAF #ABB5C2 #C4CBD4

Darker Shades

#283E5A #22364E #1D2D41 #172535 #121C29 #0D141D

Complementary Palette

#273D58 #2D4766 #594227 #674D2D #7C664A #4A617B

Analogous Palette

#375153 #3C5758 #2A4360 #2D4766 #3D3C58 #4D4C67

Triadic Palette

#283E5A #2D4766 #6E2646 #7F405C #466E26 #3E6121

Split Complementary Palette

#29405C #2D4766 #67302D #764542 #64672D #5A5D29

Square Palette

#263C56 #2D4766 #5F355D #5F4C35 #2D6730 #4F7F51

Tetradic Palette

#253A54 #2D4766 #4E2074 #674D2D #467420 #678D48

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D4766 contains 45 red, 71 green, and 102 blue.

Contrast Ratio: 9.79:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.14:1