#2C768F Color

Color Information

HEX	#2C768F
RGB	44, 118, 143
HSL	195° , 53% , 37%
HSV	195° , 69% , 56%
CMYK	69%, 17%, 0%, 44%

Lighter Shades

#45869C #5F97AA #78A7B7 #91B8C5 #ABC8D2 #C4D9E0

Darker Shades

#27687E #215A6D #1C4C5C #173D4A #122F39 #0C2128

Complementary Palette

#26657B #2C768F #7C3B26 #90452C #A05F4A #4A899F

Analogous Palette

#3A7365 #3F7D6E #296F86 #2C768F #3F4F7D #525F84

Triadic Palette

#27687E #2C768F #9A237C #A63D8C #7C9A23 #6D881F

Split Complementary Palette

#286A81 #2C768F #902C45 #9B4158 #90772C #826B28

Square Palette

#256378 #2C768F #733687 #874A36 #45902C #63A24E

Tetradic Palette

#246175 #2C768F #3D1BA1 #90452C #80A11B #97B244

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C768F contains 44 red, 118 green, and 143 blue.

Contrast Ratio: 5.1:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.12:1