#2C5E99 Color

Color Information

HEX	#2C5E99
RGB	44, 94, 153
HSL	212° , 55% , 39%
HSV	212° , 71% , 60%
CMYK	71%, 39%, 0%, 40%

Lighter Shades

#4571A5 #5F85B1 #7898BE #91ABCA #ABBFD6 #C4D2E2

Darker Shades

#275387 #214774 #1C3C62 #173150 #12263D #0C1A2B

Complementary Palette

#265184 #2C5E99 #845927 #9A672D #A87C4A #4A75A7

Analogous Palette

#3C7A7C #418486 #295890 #2C5E99 #434186 #56548C

Triadic Palette

#275387 #2C5E99 #A4235F #AF3D72 #5FA423 #54901F

Split Complementary Palette

#28558A #2C5E99 #9A302D #A44542 #979A2D #888B29

Square Palette

#254F81 #2C5E99 #90378D #906637 #2D9A30 #4FAA51

Tetradic Palette

#244D7D #2C5E99 #681BAC #9A672D #5FAC1B #7CBB44

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C5E99 contains 44 red, 94 green, and 153 blue.

Contrast Ratio: 6.67:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.15:1