#2D646A Color

Color Information

HEX#2D646A
RGB45, 100, 106
HSL186° , 40% , 30%
HSV186° , 58% , 42%
CMYK58%, 6%, 0%, 58%

Lighter Shades

#46777C #5F898E #799CA0 #92AEB2 #ABC1C3 #C4D4D5

Darker Shades

#28585D #224C51 #1D4044 #173437 #12282A #0D1C1E

Complementary Palette

#27565B #2D646A #5C2D28 #6B342E #80504B #4A7A7F

Analogous Palette

#375348 #3D5C50 #2A5E64 #2D646A #3D495C #4E596A

Triadic Palette

#28585D #2D646A #73266B #84407D #6B7326 #5E6521

Split Complementary Palette

#295A5F #2D646A #6B2E46 #7A4359 #6B532E #604B29

Square Palette

#265459 #2D646A #513663 #633A36 #466B2E #64834F

Tetradic Palette

#255257 #2D646A #292079 #6B342E #707920 #8A9148

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D646A contains 45 red, 100 green, and 106 blue.

Contrast Ratio: 6.72:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.13:1