#1896BD Color

Color Information

HEX#1896BD
RGB24, 150, 189
HSL194° , 77% , 42%
HSV194° , 87% , 74%
CMYK87%, 21%, 0%, 26%

Lighter Shades

#34A3C5 #4FAFCD #6BBCD5 #87C8DD #A3D5E5 #BEE2ED

Darker Shades

#1584A6 #127290 #0F6079 #0C4E62 #0A3C4C #072A35

Complementary Palette

#1581A3 #1896BD #A33616 #BE3F19 #C75A39 #38A5C6

Analogous Palette

#2B9C7E #2EA888 #178DB2 #1896BD #2E4FA8 #435FAD

Triadic Palette

#1584A6 #1896BD #C80E9D #CF2BA9 #9DC80E #8AB00C

Split Complementary Palette

#1687AA #1896BD #BE1945 #C53058 #BE9219 #AB8317

Square Palette

#147E9F #1896BD #8D23B3 #B34523 #45BE19 #63C83E

Tetradic Palette

#147B9B #1896BD #3505D1 #BE3F19 #A1D105 #B2D932

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #1896BD contains 24 red, 150 green, and 189 blue.

Contrast Ratio: 3.38:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.22:1