#2B84C1 Color

Color Information

HEX#2B84C1
RGB43, 132, 193
HSL204° , 64% , 46%
HSV204° , 78% , 76%
CMYK78%, 32%, 0%, 24%

Lighter Shades

#4493C8 #5EA2D0 #77B0D7 #91BFDF #AACEE6 #C4DDEE

Darker Shades

#2674AA #216493 #1C547C #164564 #11354D #0C2536

Complementary Palette

#2572A6 #2B84C1 #A55824 #C0662A #C97B48 #4995CA

Analogous Palette

#3C9A91 #42A99F #287CB5 #2B84C1 #424CA9 #545DAB

Triadic Palette

#2674AA #2B84C1 #CC1E87 #D23995 #87CC1E #77B41A

Split Complementary Palette

#2777AE #2B84C1 #C02A39 #C63F4D #C0B12A #AD9F26

Square Palette

#246FA2 #2B84C1 #A836B5 #B56936 #39C02A #59CA4C

Tetradic Palette

#236C9E #2B84C1 #6215D5 #C0662A #89D515 #9EDD3F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2B84C1 contains 43 red, 132 green, and 193 blue.

Contrast Ratio: 4.02:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.23:1