#2A87E4 Color

Color Information

HEX#2A87E4
RGB42, 135, 228
HSL210° , 78% , 53%
HSV210° , 82% , 89%
CMYK82%, 41%, 0%, 11%

Lighter Shades

#4495E7 #5DA4EA #77B2EE #90C1F1 #AACFF4 #C3DDF7

Darker Shades

#2577C9 #2067AD #1B5692 #164677 #11365B #0C2640

Complementary Palette

#2474C4 #2A87E4 #C57424 #E5872A #E99848 #4898E8

Analogous Palette

#40BABA #42CDCD #277FD6 #2A87E4 #4242CD #5252D1

Triadic Palette

#2577C9 #2A87E4 #F11E87 #F33995 #87F11E #77D41A

Split Complementary Palette

#267ACD #2A87E4 #E52A2A #E83F3F #E5E52A #CECE26

Square Palette

#2371C0 #2A87E4 #D936D9 #D98736 #2AE52A #4CE94C

Tetradic Palette

#226FBB #2A87E4 #8714FA #E5872A #87FA14 #9DFB3E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2A87E4 contains 42 red, 135 green, and 228 blue.

Contrast Ratio: 3.66:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.74:1