#5DA6A2 Color

Color Information

HEX#5DA6A2
RGB93, 166, 162
HSL177° , 29% , 51%
HSV177° , 44% , 65%
CMYK44%, 0%, 2%, 35%

Lighter Shades

#70B1AD #84BBB8 #97C6C3 #ABD1CF #BEDBDA #D2E6E5

Darker Shades

#52928F #477E7B #3C6A68 #305654 #254241 #1A2E2D

Complementary Palette

#508F8B #5DA6A2 #8F5153 #A65E61 #B27577 #74B2AF

Analogous Palette

#668A76 #6F9580 #579C98 #5DA6A2 #6F8495 #7B8F9D

Triadic Palette

#52928F #5DA6A2 #B051B3 #B966BC #B3B051 #9E9B47

Split Complementary Palette

#549592 #5DA6A2 #A65E86 #AF6E92 #A67E5E #957155

Square Palette

#4E8B88 #5DA6A2 #806A9A #9A6A6C #86A65E #99B478

Tetradic Palette

#4C8885 #5DA6A2 #474BBD #A65E61 #BDB947 #C9C668

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5DA6A2 contains 93 red, 166 green, and 162 blue.

Contrast Ratio: 2.78:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.56:1