#2E5775 Color

Color Information

HEX#2E5775
RGB46, 87, 117
HSL205° , 44% , 32%
HSV205° , 61% , 46%
CMYK61%, 26%, 0%, 54%

Lighter Shades

#476B86 #607F96 #7993A7 #92A8B7 #ABBCC8 #C4D0D8

Darker Shades

#284D67 #234259 #1D384B #182D3D #12232F #0D1821

Complementary Palette

#284B65 #2E5775 #654128 #764C2E #89654B #4B6F88

Analogous Palette

#3A5F5C #3E6562 #2B526E #2E5775 #3E4165 #52556F

Triadic Palette

#284D67 #2E5775 #7E2659 #8D406D #597E26 #4E6F21

Split Complementary Palette

#294E69 #2E5775 #762E34 #844348 #76702E #6A6529

Square Palette

#274962 #2E5775 #69366D #6D4D36 #34762E #548C4F

Tetradic Palette

#264760 #2E5775 #491F84 #764C2E #5A841F #789A47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E5775 contains 46 red, 87 green, and 117 blue.

Contrast Ratio: 7.77:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.7:1