#2B696F Color

Color Information

HEX#2B696F
RGB43, 105, 111
HSL185° , 44% , 30%
HSV185° , 61% , 44%
CMYK61%, 5%, 0%, 56%

Lighter Shades

#447B80 #5E8D92 #779FA3 #91B1B4 #AAC3C5 #C4D5D7

Darker Shades

#265C62 #215054 #1C4347 #16373A #112A2C #0C1D1F

Complementary Palette

#255A5F #2B696F #5F2925 #6E302B #824D49 #497E83

Analogous Palette

#37584A #3A5F50 #286368 #2B696F #3A495F #4E5A6A

Triadic Palette

#265C62 #2B696F #762370 #863D81 #707623 #63681F

Split Complementary Palette

#275F64 #2B696F #6E2B47 #7D4059 #6E522B #634A27

Square Palette

#24585D #2B696F #513267 #673632 #476E2B #64854D

Tetradic Palette

#23565B #2B696F #231D7C #6E302B #767C1D #8F9446

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2B696F contains 43 red, 105 green, and 111 blue.

Contrast Ratio: 6.27:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.35:1