#2C93A2 Color

Color Information

HEX#2C93A2
RGB44, 147, 162
HSL188° , 57% , 40%
HSV188° , 73% , 64%
CMYK73%, 9%, 0%, 36%

Lighter Shades

#45A0AD #5FADB8 #78BAC3 #91C7CF #ABD4DA #C4E1E5

Darker Shades

#27818F #21707B #1C5E68 #174C54 #123B41 #0C292D

Complementary Palette

#267E8B #2C93A2 #8A3326 #A03B2C #AD564A #4AA2AF

Analogous Palette

#3B8169 #408C70 #298A98 #2C93A2 #405C8C #546A92

Triadic Palette

#27818F #2C93A2 #AA2298 #B43DA4 #98AA22 #86961E

Split Complementary Palette

#288492 #2C93A2 #A02C56 #AA4167 #A0762C #906A28

Square Palette

#257B88 #2C93A2 #733696 #964336 #56A02C #71AF4E

Tetradic Palette

#247985 #2C93A2 #2E1AB3 #A03B2C #9EB31A #AFC143

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2C93A2 contains 44 red, 147 green, and 162 blue.

Contrast Ratio: 3.57:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.88:1