#2C8DA2 Color

Color Information

HEX#2C8DA2
RGB44, 141, 162
HSL191° , 57% , 40%
HSV191° , 73% , 64%
CMYK73%, 13%, 0%, 36%

Lighter Shades

#459BAD #5FA8B8 #78B6C3 #91C4CF #ABD1DA #C4DFE5

Darker Shades

#277C8F #216B7B #1C5A68 #174954 #123841 #0C272D

Complementary Palette

#26798B #2C8DA2 #8A3826 #A0412C #AD5C4A #4A9DAF

Analogous Palette

#3B816B #408C74 #298598 #2C8DA2 #40588C #546792

Triadic Palette

#277C8F #2C8DA2 #AA2291 #B43D9E #91AA22 #80961E

Split Complementary Palette

#287F92 #2C8DA2 #A02C51 #AA4162 #A07B2C #906F28

Square Palette

#257688 #2C8DA2 #783696 #964836 #51A02C #6DAF4E

Tetradic Palette

#247485 #2C8DA2 #361AB3 #A0412C #96B31A #A9C143

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2C8DA2 contains 44 red, 141 green, and 162 blue.

Contrast Ratio: 3.81:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.51:1