#2B6E86 Color

Color Information

HEX#2B6E86
RGB43, 110, 134
HSL196° , 51% , 35%
HSV196° , 68% , 53%
CMYK68%, 18%, 0%, 47%

Lighter Shades

#447F95 #5E91A3 #77A2B2 #91B4C0 #AAC5CF #C4D6DD

Darker Shades

#266176 #215466 #1C4656 #163946 #112C36 #0C1F26

Complementary Palette

#255F73 #2B6E86 #743A26 #87442C #985E4A #498297

Analogous Palette

#386B5F #3E7568 #28677E #2B6E86 #3E4A75 #515B7B

Triadic Palette

#266176 #2B6E86 #902373 #9D3D84 #739023 #657F1F

Split Complementary Palette

#276379 #2B6E86 #872C41 #934154 #87722C #7A6728

Square Palette

#245C71 #2B6E86 #6D357E #7E4835 #41872C #5F9A4E

Tetradic Palette

#235A6E #2B6E86 #3D1C97 #87442C #76971C #8FAA45

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2B6E86 contains 43 red, 110 green, and 134 blue.

Contrast Ratio: 5.7:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.69:1