#2A7CB4 Color

Color Information

HEX	#2A7CB4
RGB	42, 124, 180
HSL	204° , 62% , 44%
HSV	204° , 77% , 71%
CMYK	77%, 31%, 0%, 29%

Lighter Shades

#448CBD #5D9BC6 #77ABCF #90BBD8 #AACBE1 #C3DAEA

Darker Shades

#256D9E #205E89 #1B4F73 #16405E #113248 #0C2332

Complementary Palette

#246B9B #2A7CB4 #9D5425 #B6622B #C07849 #488EBF

Analogous Palette

#3E938B #419F96 #2775A9 #2A7CB4 #414B9F #555DA5

Triadic Palette

#256D9E #2A7CB4 #C11F80 #C83A8F #80C11F #71AA1B

Split Complementary Palette

#2670A2 #2A7CB4 #B62B39 #BD404D #B6A82B #A49727

Square Palette

#236897 #2A7CB4 #9F36AB #AB6536 #39B62B #59C24D

Tetradic Palette

#226694 #2A7CB4 #5E16CA #B6622B #82CA16 #99D440

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2A7CB4 contains 42 red, 124 green, and 180 blue.

Contrast Ratio: 4.49:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.68:1