#2B696C Color

Color Information

HEX#2B696C
RGB43, 105, 108
HSL183° , 43% , 30%
HSV183° , 60% , 42%
CMYK60%, 3%, 0%, 58%

Lighter Shades

#447B7E #5E8D8F #779FA1 #91B1B3 #AAC3C4 #C4D5D6

Darker Shades

#265C5F #215052 #1C4345 #163738 #112A2B #0C1D1E

Complementary Palette

#255A5D #2B696C #5E2826 #6D2F2C #814C4A #497E81

Analogous Palette

#355547 #3C5D4E #286366 #2B696C #3C4B5D #4E5A6A

Triadic Palette

#265C5F #2B696C #742570 #853F81 #707425 #636621

Split Complementary Palette

#275F61 #2B696C #6D2C49 #7C415B #6D502C #624828

Square Palette

#24585B #2B696C #4F3465 #653634 #496D2C #66844E

Tetradic Palette

#235659 #2B696C #231F7A #6D2F2C #767A1F #8F9247

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2B696C contains 43 red, 105 green, and 108 blue.

Contrast Ratio: 6.3:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.33:1