#2C97A5 Color

Color Information

HEX#2C97A5
RGB44, 151, 165
HSL187° , 58% , 41%
HSV187° , 73% , 65%
CMYK73%, 8%, 0%, 35%

Lighter Shades

#45A3B0 #5FB0BB #78BCC5 #91C9D0 #ABD5DB #C4E2E6

Darker Shades

#278591 #21737D #1C616A #174F56 #123C42 #0C2A2E

Complementary Palette

#26828E #2C97A5 #8E3226 #A53A2C #B2564A #4AA6B2

Analogous Palette

#3C8669 #419072 #298E9B #2C97A5 #415F90 #546E96

Triadic Palette

#278591 #2C97A5 #B0219F #B93CAB #9FB021 #8C9B1D

Split Complementary Palette

#288895 #2C97A5 #A52C5A #AE416B #A5772C #956B28

Square Palette

#257F8B #2C97A5 #74369B #9B4236 #5AA52C #74B34E

Tetradic Palette

#247C87 #2C97A5 #2C19B8 #A53A2C #A5B819 #B5C542

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2C97A5 contains 44 red, 151 green, and 165 blue.

Contrast Ratio: 3.41:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.16:1