#2B84A2 Color

Color Information

HEX#2B84A2
RGB43, 132, 162
HSL195° , 58% , 40%
HSV195° , 73% , 64%
CMYK73%, 19%, 0%, 36%

Lighter Shades

#4493AD #5EA2B8 #77B0C3 #91BFCF #AACEDA #C4DDE5

Darker Shades

#26748F #21647B #1C5468 #164554 #113541 #0C252D

Complementary Palette

#25728B #2B84A2 #8A3E25 #A1482B #AE6249 #4995AF

Analogous Palette

#3B8170 #3F8D79 #287C98 #2B84A2 #3F538D #536393

Triadic Palette

#26748F #2B84A2 #AB2189 #B53C97 #89AB21 #79961D

Split Complementary Palette

#277792 #2B84A2 #A12B48 #AA405A #A1842B #917727

Square Palette

#246F88 #2B84A2 #7E3597 #974E35 #48A12B #65B04D

Tetradic Palette

#236C85 #2B84A2 #3F18B4 #A1482B #8DB418 #A2C242

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2B84A2 contains 43 red, 132 green, and 162 blue.

Contrast Ratio: 4.22:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.98:1