#2D5A6C Color

Color Information

HEX#2D5A6C
RGB45, 90, 108
HSL197° , 41% , 30%
HSV197° , 58% , 42%
CMYK58%, 17%, 0%, 58%

Lighter Shades

#466E7E #5F828F #7995A1 #92A9B3 #ABBDC4 #C4D1D6

Darker Shades

#284F5F #224452 #1D3A45 #172F38 #12242B #0D191E

Complementary Palette

#274D5D #2D5A6C #5D3627 #6C3F2D #815A4A #4A7181

Analogous Palette

#36534D #3C5D56 #2A5566 #2D5A6C #3C435D #4E546A

Triadic Palette

#284F5F #2D5A6C #74255D #853F70 #5D7425 #526621

Split Complementary Palette

#295161 #2D5A6C #6C2D3B #7B424F #6C5E2D #615529

Square Palette

#264C5B #2D5A6C #5A3564 #644235 #3B6C2D #5A844F

Tetradic Palette

#254A59 #2D5A6C #391F7A #6C3F2D #607A1F #7D9247

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D5A6C contains 45 red, 90 green, and 108 blue.

Contrast Ratio: 7.61:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.76:1