#2B83BD Color

Color Information

HEX#2B83BD
RGB43, 131, 189
HSL204° , 63% , 45%
HSV204° , 77% , 74%
CMYK77%, 31%, 0%, 26%

Lighter Shades

#4492C5 #5EA1CD #77B0D5 #91BFDD #AACDE5 #C4DCED

Darker Shades

#2673A6 #216490 #1C5479 #164462 #11344C #0C2535

Complementary Palette

#2571A3 #2B83BD #A15624 #BB642A #C57A48 #4994C6

Analogous Palette

#3C968D #41A49A #287BB2 #2B83BD #414BA4 #545CA6

Triadic Palette

#2673A6 #2B83BD #C71F84 #CE3A93 #84C71F #74AF1B

Split Complementary Palette

#2776AA #2B83BD #BB2A39 #C23F4D #BBAD2A #A89C26

Square Palette

#246E9F #2B83BD #A336B0 #B06736 #39BB2A #59C64C

Tetradic Palette

#236B9B #2B83BD #6016D0 #BB642A #85D016 #9BD840

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2B83BD contains 43 red, 131 green, and 189 blue.

Contrast Ratio: 4.09:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.14:1