#5AD4DD

Cyan

HEX

RGB

HSL

About #5AD4DD Cyan

#5AD4DD is a cyan color. In the RGB color model, it is composed of 90 red, 212 green, and 221 blue. In the HSL color space, it has a hue of 184°, saturation of 66%, and lightness of 61%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With moderate saturation, it appears balanced and versatile.

CSS Code

Use #5AD4DD in your CSS, SCSS, or Tailwind projects.

Color Properties

184°

Hue

66%

Saturation

61%

Lightness

Cyan

Color Harmonies

Colors that work well with #5AD4DD based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #5AD4DD against white and black backgrounds.

Aa#5AD4DD on White
Contrast Ratio1.77:1
AA AA Large AAA
Aa#5AD4DD on Black
Contrast Ratio11.9:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #5AD4DD across different color formats.

FormatValue
HEX#5AD4DD
RGBrgb(90, 212, 221)
HSLhsl(184, 66%, 61%)
RGB Decimal90, 212, 221
RGB Percent35.3%, 83.1%, 86.7%
CMYK (approx.)59%, 4%, 0%, 13%

Related Palettes

12 palettes using #5AD4DD or similar colors

#5DD4D4#5A76CA#8744CA#BA5DA3
#9ED66D#41C265#66D0D4#7287D5
#CDBC6A#90C669#60D085#59C7D1
#5BD5CB#4D75C4#9268CB#D55AC0
#6ACDD6#5C6DC0#903DCB#CB66A9
#6AD5D1#7992D0#9E73CF#C553AD
#71D185#6DDAD7#6D87CB#9366C6
#22C388#45D6DE#79B4E7#ADB5F0
#4DE3E5#E54DE3#E3E54D#BCF4F5
#6DCB7C#5BD3C7#5D84CC#9064D4
#C7B04A#8ACE56#55D37D#6FD0D7
#22C383#45DCDE#79B7E7#ADB7F0