#2D549B Color

Color Information

HEX	#2D549B
RGB	45, 84, 155
HSL	219° , 55% , 39%
HSV	219° , 71% , 61%
CMYK	71%, 46%, 0%, 39%

Lighter Shades

#4669A7 #5F7DB3 #7992BF #92A6CB #ABBBD7 #C4CFE3

Darker Shades

#284A88 #224076 #1D3663 #172C51 #12223E #0D182B

Complementary Palette

#274885 #2D549B #846427 #9A742D #A8874A #4A6CA9

Analogous Palette

#3C727C #417C86 #2A4F92 #2D549B #4B4186 #5D548C

Triadic Palette

#284A88 #2D549B #A42350 #AF3D65 #50A423 #46901F

Split Complementary Palette

#294C8C #2D549B #9A3D2D #A45042 #8A9A2D #7C8B29

Square Palette

#264782 #2D549B #903783 #907137 #2D9A3D #4FAA5C

Tetradic Palette

#25457F #2D549B #791BAC #9A742D #4EAC1B #6EBB44

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D549B contains 45 red, 84 green, and 155 blue.

Contrast Ratio: 7.45:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.82:1