#2896BD Color

Color Information

HEX#2896BD
RGB40, 150, 189
HSL196° , 65% , 45%
HSV196° , 79% , 74%
CMYK79%, 21%, 0%, 26%

Lighter Shades

#42A3C5 #5CAFCD #75BCD5 #8FC8DD #A9D5E5 #C3E2ED

Darker Shades

#2384A6 #1E7290 #1A6079 #154E62 #103C4C #0B2A35

Complementary Palette

#2281A3 #2896BD #A34522 #BD5028 #C66946 #46A5C6

Analogous Palette

#3A9882 #3FA68E #268DB2 #2896BD #3F57A6 #5166A9

Triadic Palette

#2384A6 #2896BD #C91D9B #CF38A7 #9BC91D #88B11A

Split Complementary Palette

#2487AA #2896BD #BD284B #C43E5D #BD9B28 #AA8C24

Square Palette

#227E9F #2896BD #9434B2 #B25534 #4BBD28 #68C84A

Tetradic Palette

#217B9B #2896BD #4614D2 #BD5028 #9FD214 #B0DA3E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2896BD contains 40 red, 150 green, and 189 blue.

Contrast Ratio: 3.35:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.27:1