#2D90A0 Color

Color Information

HEX#2D90A0
RGB45, 144, 160
HSL188° , 56% , 40%
HSV188° , 72% , 63%
CMYK72%, 10%, 0%, 37%

Lighter Shades

#469DAB #5FABB7 #79B8C2 #92C5CE #ABD3D9 #C4E0E4

Darker Shades

#287F8D #226D7A #1D5C66 #174B53 #123A40 #0D282D

Complementary Palette

#277C8A #2D90A0 #893427 #9F3C2D #AC574A #4AA0AD

Analogous Palette

#3C8067 #418B70 #2A8796 #2D90A0 #415C8B #556B91

Triadic Palette

#287F8D #2D90A0 #A92397 #B33DA3 #97A923 #85951F

Split Complementary Palette

#298290 #2D90A0 #9F2D57 #A94268 #9F752D #8F6929

Square Palette

#267986 #2D90A0 #733795 #954437 #579F2D #72AE4F

Tetradic Palette

#257683 #2D90A0 #2F1BB1 #9F3C2D #9DB11B #AFBF44

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2D90A0 contains 45 red, 144 green, and 160 blue.

Contrast Ratio: 3.7:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.68:1