#2B96A9 Color

Color Information

HEX#2B96A9
RGB43, 150, 169
HSL189° , 59% , 42%
HSV189° , 75% , 66%
CMYK75%, 11%, 0%, 34%

Lighter Shades

#44A3B3 #5EAFBE #77BCC8 #91C8D2 #AAD5DD #C4E2E7

Darker Shades

#268495 #217280 #1C606C #164E58 #113C44 #0C2A2F

Complementary Palette

#258191 #2B96A9 #923626 #AA3F2C #B65A4A #49A5B5

Analogous Palette

#3B876C #419578 #288D9F #2B96A9 #415F95 #556D9B

Triadic Palette

#268495 #2B96A9 #B5219F #BE3CAB #9FB521 #8C9F1D

Split Complementary Palette

#278798 #2B96A9 #AA2C58 #B34169 #AA7E2C #997128

Square Palette

#247E8E #2B96A9 #7B37A0 #A04637 #58AA2C #73B84E

Tetradic Palette

#237B8B #2B96A9 #3119BE #AA3F2C #A5BE19 #B5CA42

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2B96A9 contains 43 red, 150 green, and 169 blue.

Contrast Ratio: 3.43:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.12:1