#2A86BB Color

Color Information

HEX#2A86BB
RGB42, 134, 187
HSL202° , 63% , 45%
HSV202° , 78% , 73%
CMYK78%, 28%, 0%, 27%

Lighter Shades

#4495C3 #5DA3CB #77B2D3 #90C0DC #AACFE4 #C3DDEC

Darker Shades

#2576A5 #20668E #1B5678 #164661 #11364B #0C2634

Complementary Palette

#2473A1 #2A86BB #A15224 #BB5F2A #C57548 #4897C5

Analogous Palette

#3C968A #41A497 #277EB0 #2A86BB #414FA4 #545FA6

Triadic Palette

#2576A5 #2A86BB #C71F89 #CE3A97 #89C71F #79AF1B

Split Complementary Palette

#2679A8 #2A86BB #BB2A3E #C23F51 #BBA82A #A89726

Square Palette

#23719D #2A86BB #9F36B0 #B06336 #3EBB2A #5DC64C

Tetradic Palette

#226E99 #2A86BB #5A16D0 #BB5F2A #8CD016 #A1D840

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2A86BB contains 42 red, 134 green, and 187 blue.

Contrast Ratio: 3.97:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.28:1