#5DAD9F Color

Color Information

HEX#5DAD9F
RGB93, 173, 159
HSL170° , 33% , 52%
HSV170° , 46% , 68%
CMYK46%, 0%, 8%, 32%

Lighter Shades

#70B7AB #84C1B6 #97CBC2 #ABD4CD #BEDED9 #D2E8E4

Darker Shades

#52988C #478379 #3C6F66 #305A53 #254540 #1A302D

Complementary Palette

#509589 #5DAD9F #954F5B #AD5C6A #B8737F #74B8AC

Analogous Palette

#688D74 #72977E #57A395 #5DAD9F #728B97 #7E94A0

Triadic Palette

#52988C #5DAD9F #A850B9 #B265C1 #B9A850 #A39446

Split Complementary Palette

#549C8F #5DAD9F #AD5C92 #B56C9D #AD775C #9C6B53

Square Palette

#4E9186 #5DAD9F #7B68A1 #A16872 #92AD5C #A3BA76

Tetradic Palette

#4C8E82 #5DAD9F #465BC3 #AD5C6A #C3AE46 #CEBD67

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5DAD9F contains 93 red, 173 green, and 159 blue.

Contrast Ratio: 2.6:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.07:1