#2A77AF Color

Color Information

HEX	#2A77AF
RGB	42, 119, 175
HSL	205° , 61% , 43%
HSV	205° , 76% , 69%
CMYK	76%, 32%, 0%, 31%

Lighter Shades

#4487B9 #5D98C2 #77A8CC #90B8D5 #AAC9DF #C3D9E9

Darker Shades

#25699A #205A85 #1B4C70 #163E5B #113046 #0C2131

Complementary Palette

#246697 #2A77AF #985525 #B1632B #BC7949 #488ABA

Analogous Palette

#3C9089 #419B93 #2770A5 #2A77AF #41489B #545BA0

Triadic Palette

#25699A #2A77AF #BC207B #C43B8B #7BBC20 #6CA51C

Split Complementary Palette

#266B9E #2A77AF #B12B36 #B9404A #B1A52B #9F9527

Square Palette

#236493 #2A77AF #9C36A6 #A66436 #36B12B #56BD4D

Tetradic Palette

#226290 #2A77AF #5F17C4 #B1632B #7CC417 #94CF41

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A77AF contains 42 red, 119 green, and 175 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