#2D89A0 Color

Color Information

HEX#2D89A0
RGB45, 137, 160
HSL192° , 56% , 40%
HSV192° , 72% , 63%
CMYK72%, 14%, 0%, 37%

Lighter Shades

#4697AB #5FA5B7 #79B3C2 #92C2CE #ABD0D9 #C4DEE4

Darker Shades

#28798D #22687A #1D5866 #174753 #123740 #0D262D

Complementary Palette

#27768A #2D89A0 #893A27 #9F442D #AC5E4A #4A9AAD

Analogous Palette

#3C806C #418B75 #2A8196 #2D89A0 #41578B #556791

Triadic Palette

#28798D #2D89A0 #A9238E #B33D9C #8EA923 #7D951F

Split Complementary Palette

#297B90 #2D89A0 #9F2D4F #A94261 #9F7D2D #8F7129

Square Palette

#267386 #2D89A0 #793795 #954A37 #4F9F2D #6BAE4F

Tetradic Palette

#257083 #2D89A0 #391BB1 #9F442D #93B11B #A6BF44

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2D89A0 contains 45 red, 137 green, and 160 blue.

Contrast Ratio: 3.99:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.26:1