#2C5166 Color

Color Information

HEX#2C5166
RGB44, 81, 102
HSL202° , 40% , 29%
HSV202° , 57% , 40%
CMYK57%, 21%, 0%, 60%

Lighter Shades

#456678 #5F7B8B #78909D #91A5AF #ABB9C2 #C4CED4

Darker Shades

#27475A #213E4E #1C3441 #172A35 #122029 #0C171D

Complementary Palette

#264658 #2C5166 #593926 #68422C #7D5C4A #4A697B

Analogous Palette

#36534F #3A5955 #294C60 #2C5166 #3A3F59 #4C4F67

Triadic Palette

#27475A #2C5166 #702454 #813E69 #547024 #4A6320

Split Complementary Palette

#28495C #2C5166 #682C34 #774148 #68602C #5E5628

Square Palette

#254456 #2C5166 #5B3361 #614433 #34682C #54804E

Tetradic Palette

#244254 #2C5166 #3E1E76 #68422C #56761E #748F47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C5166 contains 44 red, 81 green, and 102 blue.

Contrast Ratio: 8.65:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.43:1