#2D646B Color

Color Information

HEX#2D646B
RGB45, 100, 107
HSL187° , 41% , 30%
HSV187° , 58% , 42%
CMYK58%, 7%, 0%, 58%

Lighter Shades

#46777D #5F898F #799CA0 #92AEB2 #ABC1C4 #C4D4D6

Darker Shades

#28585E #224C51 #1D4044 #173438 #12282B #0D1C1E

Complementary Palette

#27565C #2D646B #5D2D27 #6C342D #81504A #4A7A80

Analogous Palette

#365348 #3C5D50 #2A5E65 #2D646B #3C495D #4E596A

Triadic Palette

#28585E #2D646B #74256A #853F7C #6A7425 #5D6621

Split Complementary Palette

#295A60 #2D646B #6C2D45 #7B4258 #6C542D #614C29

Square Palette

#26545A #2D646B #523564 #643A35 #456C2D #63844F

Tetradic Palette

#255258 #2D646B #2A1F7A #6C342D #6F7A1F #899247

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D646B contains 45 red, 100 green, and 107 blue.

Contrast Ratio: 6.71:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.13:1