#249BB2 Color

Color Information

HEX#249BB2
RGB36, 155, 178
HSL190° , 66% , 42%
HSV190° , 80% , 70%
CMYK80%, 13%, 0%, 30%

Lighter Shades

#3EA7BB #59B3C4 #73BFCE #8DCBD7 #A7D7E0 #C2E3E9

Darker Shades

#20889D #1B7687 #176372 #13515D #0E3E47 #0A2B32

Complementary Palette

#1F8599 #249BB2 #99341F #B23C24 #BD5743 #43A9BD

Analogous Palette

#369173 #3A9C7C #2292A7 #249BB2 #3A5B9C #4E6AA2

Triadic Palette

#20889D #249BB2 #BC1AA1 #C435AC #A1BC1A #8EA517

Split Complementary Palette

#208CA0 #249BB2 #B22454 #BA3A65 #B28324 #A07620

Square Palette

#1E8296 #249BB2 #7F2FA7 #A7432F #54B224 #6FBE47

Tetradic Palette

#1E7F92 #249BB2 #2F11C5 #B23C24 #A7C511 #B7CF3C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #249BB2 contains 36 red, 155 green, and 178 blue.

Contrast Ratio: 3.23:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.5:1