#2A5CCF Color

Color Information

HEX	#2A5CCF
RGB	42, 92, 207
HSL	222° , 66% , 49%
HSV	222° , 80% , 81%
CMYK	80%, 56%, 0%, 19%

Lighter Shades

#4470D5 #5D83DB #7797E0 #90AAE6 #AABEEC #C3D1F2

Darker Shades

#2551B6 #20469D #1B3B84 #16306C #112553 #0C1A3A

Complementary Palette

#244FB2 #2A5CCF #B28824 #CF9E2A #D6AC48 #4873D6

Analogous Palette

#3E92A8 #439FB6 #2756C3 #2A5CCF #5A43B6 #6854BB

Triadic Palette

#2551B6 #2A5CCF #DC1E57 #E0396B #57DC1E #4DC21A

Split Complementary Palette

#2653BA #2A5CCF #CF4B2A #D45D3F #AECF2A #9DBA26

Square Palette

#234DAE #2A5CCF #C337A7 #C39937 #2ACF4B #4CD768

Tetradic Palette

#224BAA #2A5CCF #A714E6 #CF9E2A #53E614 #72EB3E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A5CCF contains 42 red, 92 green, and 207 blue.

Contrast Ratio: 5.98:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.51:1