#2D6575 Color

Color Information

HEX#2D6575
RGB45, 101, 117
HSL193° , 44% , 32%
HSV193° , 62% , 46%
CMYK62%, 14%, 0%, 54%

Lighter Shades

#467786 #5F8A96 #799CA7 #92AFB7 #ABC1C8 #C4D4D8

Darker Shades

#285967 #224D59 #1D414B #17353D #12282F #0D1C21

Complementary Palette

#275765 #2D6575 #653428 #763D2E #89584B #4A7B88

Analogous Palette

#3A5F54 #3E655A #2A5F6E #2D6575 #3E4965 #525A6F

Triadic Palette

#285967 #2D6575 #7E266B #8D407D #6B7E26 #5E6F21

Split Complementary Palette

#295B69 #2D6575 #762E42 #844355 #76612E #6A5729

Square Palette

#265562 #2D6575 #5E366D #6D4236 #42762E #608C4F

Tetradic Palette

#255360 #2D6575 #351F84 #763D2E #6E841F #889A47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D6575 contains 45 red, 101 green, and 117 blue.

Contrast Ratio: 6.53:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.22:1