#2D6F81 Color

Color Information

HEX#2D6F81
RGB45, 111, 129
HSL193° , 48% , 34%
HSV193° , 65% , 51%
CMYK65%, 14%, 0%, 49%

Lighter Shades

#468090 #5F929F #79A3AE #92B4BD #ABC5CD #C4D7DC

Darker Shades

#286272 #225462 #1D4753 #173A43 #122C34 #0D1F24

Complementary Palette

#275F6F #2D6F81 #6E3627 #803F2D #925A4A #4A8393

Analogous Palette

#396559 #3E6F61 #2A6879 #2D6F81 #3E4C6F #525C75

Triadic Palette

#286272 #2D6F81 #892473 #973E84 #738924 #657920

Split Complementary Palette

#296474 #2D6F81 #802D45 #8D4258 #80692D #735F29

Square Palette

#265D6C #2D6F81 #653678 #784436 #45802D #63944F

Tetradic Palette

#255B6A #2D6F81 #361D90 #803F2D #77901D #8FA446

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D6F81 contains 45 red, 111 green, and 129 blue.

Contrast Ratio: 5.66:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.71:1