#2A6ECC Color

Color Information

HEX#2A6ECC
RGB42, 110, 204
HSL215° , 66% , 48%
HSV215° , 79% , 80%
CMYK79%, 46%, 0%, 20%

Lighter Shades

#447FD2 #5D91D8 #77A2DE #90B4E4 #AAC5EB #C3D6F1

Darker Shades

#2561B4 #20549B #1B4683 #16396A #112C52 #0C1F39

Complementary Palette

#245FAF #2A6ECC #AF7524 #CB882A #D29948 #4882D3

Analogous Palette

#3E9AA3 #42A9B3 #2767C0 #2A6ECC #4B42B3 #5B52B7

Triadic Palette

#2561B4 #2A6ECC #D71D6B #DC387D #6BD71D #5EBD1A

Split Complementary Palette

#2663B8 #2A6ECC #CB372A #D04B3F #BECB2A #ABB726

Square Palette

#235CAB #2A6ECC #BF36B4 #BF8636 #2ACB37 #4CD357

Tetradic Palette

#225AA7 #2A6ECC #8C14E1 #CB882A #69E114 #84E63E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A6ECC contains 42 red, 110 green, and 204 blue.

Contrast Ratio: 4.98:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.21:1