#2196B9 Color

Color Information

HEX#2196B9
RGB33, 150, 185
HSL194° , 70% , 43%
HSV194° , 82% , 73%
CMYK82%, 19%, 0%, 27%

Lighter Shades

#3CA3C1 #56AFCA #71BCD2 #8CC8DB #A6D5E3 #C1E2EB

Darker Shades

#1D84A3 #19728D #156076 #114E60 #0D3C4A #092A34

Complementary Palette

#1C819F #2196B9 #A03B1C #BA4521 #C45F40 #40A5C3

Analogous Palette

#32957B #37A487 #1F8DAE #2196B9 #3754A4 #4C65A9

Triadic Palette

#1D84A3 #2196B9 #C5169C #CC32A8 #9CC516 #89AD13

Split Complementary Palette

#1E87A7 #2196B9 #BA214A #C1375C #BA9121 #A7831E

Square Palette

#1C7E9B #2196B9 #8C2CAF #AF4B2C #4ABA21 #67C545

Tetradic Palette

#1B7B98 #2196B9 #3A0DCE #BA4521 #A1CE0D #B2D739

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2196B9 contains 33 red, 150 green, and 185 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.21:1