#2C7C9B Color

Color Information

HEX#2C7C9B
RGB44, 124, 155
HSL197° , 56% , 39%
HSV197° , 72% , 61%
CMYK72%, 20%, 0%, 39%

Lighter Shades

#458CA7 #5F9BB3 #78ABBF #91BBCB #ABCBD7 #C4DAE3

Darker Shades

#276D88 #215E76 #1C4F63 #174051 #12323E #0C232B

Complementary Palette

#266B85 #2C7C9B #854126 #9B4B2C #A9644A #4A8EA9

Analogous Palette

#3B7D6F #408778 #297592 #2C7C9B #404F87 #53608D

Triadic Palette

#276D88 #2C7C9B #A52280 #B03D8F #80A522 #71911E

Split Complementary Palette

#28708C #2C7C9B #9B2C44 #A54157 #9B832C #8C7628

Square Palette

#256882 #2C7C9B #7D3691 #915036 #449B2C #62AB4E

Tetradic Palette

#24667F #2C7C9B #441AAD #9B4B2C #83AD1A #99BC43

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C7C9B contains 44 red, 124 green, and 155 blue.

Contrast Ratio: 4.67:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.5:1