#2D87A4 Color

Color Information

HEX#2D87A4
RGB45, 135, 164
HSL195° , 57% , 41%
HSV195° , 73% , 64%
CMYK73%, 18%, 0%, 36%

Lighter Shades

#4695AF #5FA4BA #79B2C5 #92C1D0 #ABCFDB #C4DDE6

Darker Shades

#287790 #22677D #1D5669 #174655 #123642 #0D262E

Complementary Palette

#27748D #2D87A4 #8D4127 #A44B2D #B1644A #4A98B1

Analogous Palette

#3D8573 #428F7C #2A7F9A #2D87A4 #42558F #566595

Triadic Palette

#287790 #2D87A4 #AF238C #B93D9A #8CAF23 #7B9A1F

Split Complementary Palette

#297A94 #2D87A4 #A42D4B #AD425D #A4862D #947929

Square Palette

#26718A #2D87A4 #81379A #9A5037 #4BA42D #68B34F

Tetradic Palette

#256F86 #2D87A4 #411AB7 #A44B2D #90B71A #A4C443

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2D87A4 contains 45 red, 135 green, and 164 blue.

Contrast Ratio: 4.06:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.17:1