#2D5476 Color

Color Information

HEX#2D5476
RGB45, 84, 118
HSL208° , 45% , 32%
HSV208° , 62% , 46%
CMYK62%, 29%, 0%, 54%

Lighter Shades

#466986 #5F7D97 #7992A7 #92A6B8 #ABBBC8 #C4CFD9

Darker Shades

#284A68 #22405A #1D364C #172C3D #12222F #0D1821

Complementary Palette

#274865 #2D5476 #654427 #764F2D #89684A #4A6C89

Analogous Palette

#375C5B #3D6665 #2A4F6F #2D5476 #3D3F66 #50516D

Triadic Palette

#284A68 #2D5476 #7E2555 #8D3F69 #557E25 #4B6F21

Split Complementary Palette

#294C6A #2D5476 #762D2F #844244 #76742D #6A6829

Square Palette

#264763 #2D5476 #6C356E #6E5035 #2F762D #508C4F

Tetradic Palette

#254561 #2D5476 #4E1E85 #764F2D #55851E #749B47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D5476 contains 45 red, 84 green, and 118 blue.

Contrast Ratio: 8.07:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.6:1