#2D685E Color

Color Information

HEX#2D685E
RGB45, 104, 94
HSL170° , 40% , 29%
HSV170° , 57% , 41%
CMYK57%, 0%, 10%, 59%

Lighter Shades

#467A71 #5F8C85 #799E98 #92B0AB #ABC3BF #C4D5D2

Darker Shades

#285C53 #224F47 #1D433C #173631 #122A26 #0D1D1A

Complementary Palette

#275951 #2D685E #59262E #682C36 #7D4A52 #4A7D75

Analogous Palette

#365340 #3A5945 #2A6258 #2D685E #3A4F59 #4C5E67

Triadic Palette

#285C53 #2D685E #632470 #763E81 #706324 #635720

Split Complementary Palette

#295E55 #2D685E #682C54 #774165 #68402C #5E3A28

Square Palette

#26574F #2D685E #423361 #61333B #54682C #6F804E

Tetradic Palette

#25554D #2D685E #1E2D76 #682C36 #76671E #8F8247

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D685E contains 45 red, 104 green, and 94 blue.

Contrast Ratio: 6.48:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.24:1