#2C7B97 Color

Color Information

HEX#2C7B97
RGB44, 123, 151
HSL196° , 55% , 38%
HSV196° , 71% , 59%
CMYK71%, 19%, 0%, 41%

Lighter Shades

#458BA3 #5F9BB0 #78ABBC #91BAC9 #ABCAD5 #C4DAE2

Darker Shades

#276C85 #215D73 #1C4F61 #17404F #12313C #0C222A

Complementary Palette

#266A82 #2C7B97 #813E26 #96482C #A5624A #4A8DA6

Analogous Palette

#3A786A #3F8373 #29748E #2C7B97 #3F4F83 #536088

Triadic Palette

#276C85 #2C7B97 #A0227E #AB3D8D #7EA022 #6F8D1E

Split Complementary Palette

#286F88 #2C7B97 #962C44 #A14157 #967D2C #877128

Square Palette

#25677F #2C7B97 #78358D #8D4D35 #44962C #62A74E

Tetradic Palette

#24657C #2C7B97 #401AA8 #96482C #82A81A #99B843

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C7B97 contains 44 red, 123 green, and 151 blue.

Contrast Ratio: 4.75:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.42:1