#2D85A7 Color

Color Information

HEX#2D85A7
RGB45, 133, 167
HSL197° , 58% , 42%
HSV197° , 73% , 65%
CMYK73%, 20%, 0%, 35%

Lighter Shades

#4694B2 #5FA2BC #79B1C7 #92C0D1 #ABCEDC #C4DDE6

Darker Shades

#287593 #22657F #1D556B #174557 #123543 #0D252F

Complementary Palette

#277290 #2D85A7 #914527 #A9502D #B5694A #4A96B3

Analogous Palette

#3C8676 #429482 #2A7D9D #2D85A7 #425494 #566599

Triadic Palette

#287593 #2D85A7 #B4228B #BD3D99 #8BB422 #7A9E1E

Split Complementary Palette

#297896 #2D85A7 #A92D48 #B2425A #A98E2D #988029

Square Palette

#26708C #2D85A7 #88389F #9F5538 #48A92D #65B74F

Tetradic Palette

#256D89 #2D85A7 #481ABC #A9502D #8EBC1A #A2C843

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2D85A7 contains 45 red, 133 green, and 167 blue.

Contrast Ratio: 4.13:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.08:1