#2C99A5 Color

Color Information

HEX#2C99A5
RGB44, 153, 165
HSL186° , 58% , 41%
HSV186° , 73% , 65%
CMYK73%, 7%, 0%, 35%

Lighter Shades

#45A5B0 #5FB1BB #78BEC5 #91CAD0 #ABD6DB #C4E2E6

Darker Shades

#278791 #21747D #1C626A #175056 #123D42 #0C2B2E

Complementary Palette

#26848E #2C99A5 #8E3026 #A5382C #B2544A #4AA7B2

Analogous Palette

#3C8668 #419070 #29909B #2C99A5 #416190 #546F96

Triadic Palette

#278791 #2C99A5 #B021A1 #B93CAC #A1B021 #8E9B1D

Split Complementary Palette

#288A95 #2C99A5 #A52C5C #AE416C #A5752C #956928

Square Palette

#25818B #2C99A5 #73369B #9B4036 #5CA52C #76B34E

Tetradic Palette

#247D87 #2C99A5 #2919B8 #A5382C #A8B819 #B8C542

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2C99A5 contains 44 red, 153 green, and 165 blue.

Contrast Ratio: 3.34:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.29:1