#2C9AC2 Color

Color Information

HEX#2C9AC2
RGB44, 154, 194
HSL196° , 63% , 47%
HSV196° , 77% , 76%
CMYK77%, 21%, 0%, 24%

Lighter Shades

#45A6C9 #5FB2D1 #78BED8 #91CADF #ABD7E7 #C4E3EE

Darker Shades

#2788AB #217593 #1C637C #175065 #123E4E #0C2B36

Complementary Palette

#2684A7 #2C9AC2 #A84926 #C3552C #CB6D4A #4AA8CB

Analogous Palette

#3F9D87 #44AB93 #2991B6 #2C9AC2 #445CAB #556AAF

Triadic Palette

#2788AB #2C9AC2 #CF20A1 #D53BAC #A1CF20 #8EB61C

Split Complementary Palette

#288BAF #2C9AC2 #C32C50 #C94162 #C3A02C #B09028

Square Palette

#2581A3 #2C9AC2 #9A38B7 #B75A38 #50C32C #6CCD4E

Tetradic Palette

#247E9F #2C9AC2 #4B17D9 #C3552C #A5D917 #B5E041

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2C9AC2 contains 44 red, 154 green, and 194 blue.

Contrast Ratio: 3.18:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.6:1