#2C5075 Color

Color Information

HEX#2C5075
RGB44, 80, 117
HSL210° , 45% , 32%
HSV210° , 62% , 46%
CMYK62%, 32%, 0%, 54%

Lighter Shades

#456586 #5F7A96 #788FA7 #91A4B7 #ABB9C8 #C4CED8

Darker Shades

#274667 #213D59 #1C334B #172A3D #12202F #0C1621

Complementary Palette

#264565 #2C5075 #654727 #76522D #896A4A #4A6988

Analogous Palette

#375C5C #3D6666 #294B6E #2C5075 #3D3D66 #50506D

Triadic Palette

#274667 #2C5075 #7E2552 #8D3F67 #527E25 #486F21

Split Complementary Palette

#284869 #2C5075 #762D2D #844242 #76762D #6A6A29

Square Palette

#254362 #2C5075 #6E356E #6E5235 #2D762D #4F8C4F

Tetradic Palette

#244260 #2C5075 #521E85 #76522D #52851E #719B47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C5075 contains 44 red, 80 green, and 117 blue.

Contrast Ratio: 8.52:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.47:1