#2A60CC Color

Color Information

HEX	#2A60CC
RGB	42, 96, 204
HSL	220° , 66% , 48%
HSV	220° , 79% , 80%
CMYK	79%, 53%, 0%, 20%

Lighter Shades

#4473D2 #5D86D8 #7799DE #90ACE4 #AABFEB #C3D2F1

Darker Shades

#2554B4 #20499B #1B3D83 #16326A #112652 #0C1B39

Complementary Palette

#2453AF #2A60CC #AF8024 #CB952A #D2A448 #4876D3

Analogous Palette

#3E92A3 #42A0B3 #275AC0 #2A60CC #5542B3 #6352B7

Triadic Palette

#2554B4 #2A60CC #D71D5B #DC386F #5BD71D #50BD1A

Split Complementary Palette

#2656B8 #2A60CC #CB452A #D0583F #B0CB2A #9EB726

Square Palette

#2351AB #2A60CC #BF36A8 #BF9136 #2ACB45 #4CD363

Tetradic Palette

#224FA7 #2A60CC #9D14E1 #CB952A #58E114 #76E63E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A60CC contains 42 red, 96 green, and 204 blue.

Contrast Ratio: 5.78:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.63:1