#2D7895 Color

Color Information

HEX	#2D7895
RGB	45, 120, 149
HSL	197° , 54% , 38%
HSV	197° , 70% , 58%
CMYK	70%, 19%, 0%, 42%

Lighter Shades

#4688A2 #5F98AE #79A9BB #92B9C8 #ABC9D5 #C4D9E1

Darker Shades

#286A83 #225B71 #1D4D5F #173E4D #12303C #0D222A

Complementary Palette

#276780 #2D7895 #804027 #954A2D #A4634A #4A8BA4

Analogous Palette

#3B786B #408274 #2A718C #2D7895 #404E82 #545F87

Triadic Palette

#286A83 #2D7895 #9F237C #AB3D8C #7C9F23 #6D8C1F

Split Complementary Palette

#296C86 #2D7895 #952D43 #A04256 #957F2D #867229

Square Palette

#26657D #2D7895 #79368C #8C4E36 #43952D #61A64F

Tetradic Palette

#25627A #2D7895 #431BA7 #954A2D #7FA71B #96B744

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D7895 contains 45 red, 120 green, and 149 blue.

Contrast Ratio: 4.93:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.26:1