#2B646D Color

Color Information

HEX#2B646D
RGB43, 100, 109
HSL188° , 43% , 30%
HSV188° , 61% , 43%
CMYK61%, 8%, 0%, 57%

Lighter Shades

#44777F #5E8990 #779CA2 #91AEB3 #AAC1C5 #C4D4D6

Darker Shades

#265860 #214C53 #1C4046 #163439 #11282C #0C1C1F

Complementary Palette

#25565E #2B646D #5E2D26 #6D342C #81504A #497A81

Analogous Palette

#355549 #3C5D51 #285E66 #2B646D #3C485D #4E586A

Triadic Palette

#265860 #2B646D #74256B #853F7D #6B7425 #5E6621

Split Complementary Palette

#275A62 #2B646D #6D2C44 #7C4157 #6D552C #624D28

Square Palette

#24545C #2B646D #533465 #653A34 #446D2C #62844E

Tetradic Palette

#235259 #2B646D #291F7A #6D342C #707A1F #8A9247

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2B646D contains 43 red, 100 green, and 109 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