#2A78A3 Color

Color Information

HEX#2A78A3
RGB42, 120, 163
HSL201° , 59% , 40%
HSV201° , 74% , 64%
CMYK74%, 26%, 0%, 36%

Lighter Shades

#4488AE #5D98B9 #77A9C4 #90B9CF #AAC9DA #C3D9E5

Darker Shades

#256A8F #205B7C #1B4D68 #163E55 #113041 #0C222E

Complementary Palette

#24678C #2A78A3 #8B4824 #A2542A #AF6C48 #488BB0

Analogous Palette

#3A8378 #3E8E82 #277199 #2A78A3 #3E4A8E #535C93

Triadic Palette

#256A8F #2A78A3 #AC207B #B63B8B #7BAC20 #6C971C

Split Complementary Palette

#266C93 #2A78A3 #A22A3C #AB3F50 #A2902A #928226

Square Palette

#236589 #2A78A3 #893498 #985734 #3CA22A #5BB14C

Tetradic Palette

#226286 #2A78A3 #4E17B5 #A2542A #7EB517 #95C241

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A78A3 contains 42 red, 120 green, and 163 blue.

Contrast Ratio: 4.83:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.34:1