#2A79A2 Color

Color Information

HEX#2A79A2
RGB42, 121, 162
HSL201° , 59% , 40%
HSV201° , 74% , 64%
CMYK74%, 25%, 0%, 36%

Lighter Shades

#4489AD #5D99B8 #77A9C3 #90B9CF #AAC9DA #C3D9E5

Darker Shades

#256A8F #205C7B #1B4D68 #163F54 #113041 #0C222D

Complementary Palette

#24688B #2A79A2 #8B4824 #A2542A #AF6C48 #488CAF

Analogous Palette

#3A8378 #3E8E82 #277298 #2A79A2 #3E4A8E #535C93

Triadic Palette

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

Split Complementary Palette

#266D92 #2A79A2 #A22A3C #AB3F50 #A2902A #928226

Square Palette

#236688 #2A79A2 #893498 #985734 #3CA22A #5BB14C

Tetradic Palette

#226385 #2A79A2 #4E17B5 #A2542A #7EB517 #95C241

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A79A2 contains 42 red, 121 green, and 162 blue.

Contrast Ratio: 4.79:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.39:1