#2D7AA9 Color

Color Information

HEX#2D7AA9
RGB45, 122, 169
HSL203° , 58% , 42%
HSV203° , 73% , 66%
CMYK73%, 28%, 0%, 34%

Lighter Shades

#468AB3 #5F9ABE #79AAC8 #92BAD2 #ABCADD #C4DAE7

Darker Shades

#286B95 #225D80 #1D4E6C #173F58 #123144 #0D222F

Complementary Palette

#276991 #2D7AA9 #915027 #A95D2D #B5744A #4A8DB5

Analogous Palette

#3C867E #42948A #2A739F #2D7AA9 #424C94 #565E99

Triadic Palette

#286B95 #2D7AA9 #B4227C #BD3D8C #7CB422 #6D9E1E

Split Complementary Palette

#296E98 #2D7AA9 #A92D3B #B2424F #A99B2D #988C29

Square Palette

#26668E #2D7AA9 #93389F #9F5F38 #3BA92D #5AB74F

Tetradic Palette

#25648B #2D7AA9 #581ABC #A95D2D #7EBC1A #95C843

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D7AA9 contains 45 red, 122 green, and 169 blue.

Contrast Ratio: 4.66:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.5:1