#2A71CC Color

Color Information

HEX#2A71CC
RGB42, 113, 204
HSL214° , 66% , 48%
HSV214° , 79% , 80%
CMYK79%, 45%, 0%, 20%

Lighter Shades

#4482D2 #5D93D8 #77A4DE #90B5E4 #AAC6EB #C3D7F1

Darker Shades

#2563B4 #20569B #1B4883 #163B6A #112D52 #0C2039

Complementary Palette

#2461AF #2A71CC #AF7224 #CB852A #D29648 #4885D3

Analogous Palette

#3E9CA3 #42ABB3 #276AC0 #2A71CC #4A42B3 #5952B7

Triadic Palette

#2563B4 #2A71CC #D71D6E #DC387F #6ED71D #61BD1A

Split Complementary Palette

#2666B8 #2A71CC #CB342A #D0483F #C0CB2A #ADB726

Square Palette

#235FAB #2A71CC #BF36B6 #BF8436 #2ACB34 #4CD354

Tetradic Palette

#225DA7 #2A71CC #8814E1 #CB852A #6DE114 #87E63E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A71CC contains 42 red, 113 green, and 204 blue.

Contrast Ratio: 4.83:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.35:1