#2D656C Color

Color Information

HEX#2D656C
RGB45, 101, 108
HSL187° , 41% , 30%
HSV187° , 58% , 42%
CMYK58%, 6%, 0%, 58%

Lighter Shades

#46777E #5F8A8F #799CA1 #92AFB3 #ABC1C4 #C4D4D6

Darker Shades

#28595F #224D52 #1D4145 #173538 #12282B #0D1C1E

Complementary Palette

#27575D #2D656C #5D2D27 #6C342D #81504A #4A7B81

Analogous Palette

#365348 #3C5D50 #2A5F66 #2D656C #3C495D #4E596A

Triadic Palette

#28595F #2D656C #74256A #853F7C #6A7425 #5D6621

Split Complementary Palette

#295B61 #2D656C #6C2D45 #7B4258 #6C542D #614C29

Square Palette

#26555B #2D656C #523564 #643A35 #456C2D #63844F

Tetradic Palette

#255359 #2D656C #2A1F7A #6C342D #6F7A1F #899247

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D656C contains 45 red, 101 green, and 108 blue.

Contrast Ratio: 6.61:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.18:1