#2B718C Color

Color Information

HEX#2B718C
RGB43, 113, 140
HSL197° , 53% , 36%
HSV197° , 69% , 55%
CMYK69%, 19%, 0%, 45%

Lighter Shades

#44829A #5E93A8 #77A4B5 #91B5C3 #AAC6D1 #C4D7DF

Darker Shades

#26637B #21566A #1C485A #163B49 #112D38 #0C2027

Complementary Palette

#256178 #2B718C #783D25 #8C472B #9C6149 #49859C

Analogous Palette

#387064 #3E7A6D #286A84 #2B718C #3E4B7A #515B81

Triadic Palette

#26637B #2B718C #962275 #A33D86 #759622 #67841E

Split Complementary Palette

#27667E #2B718C #8C2B40 #984053 #8C772B #7E6B27

Square Palette

#245F76 #2B718C #723483 #834B34 #408C2B #5F9E4D

Tetradic Palette

#235D73 #2B718C #401B9D #8C472B #789D1B #90AF44

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2B718C contains 43 red, 113 green, and 140 blue.

Contrast Ratio: 5.44:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.86:1