#48D5AD

Cyan

HEX

RGB

HSL

About #48D5AD Cyan

#48D5AD is a cyan color. In the RGB color model, it is composed of 72 red, 213 green, and 173 blue. In the HSL color space, it has a hue of 163°, saturation of 63%, and lightness of 56%.

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 #48D5AD in your CSS, SCSS, or Tailwind projects.

Color Properties

163°

Hue

63%

Saturation

56%

Lightness

Cyan

Color Harmonies

Colors that work well with #48D5AD based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #48D5AD against white and black backgrounds.

Aa#48D5AD on White
Contrast Ratio1.84:1
AA AA Large AAA
Aa#48D5AD on Black
Contrast Ratio11.4:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #48D5AD across different color formats.

FormatValue
HEX#48D5AD
RGBrgb(72, 213, 173)
HSLhsl(163, 63%, 56%)
RGB Decimal72, 213, 173
RGB Percent28.2%, 83.5%, 67.8%
CMYK (approx.)66%, 0%, 19%, 16%

Related Palettes

12 palettes using #48D5AD or similar colors

#15B740#47D2B1#7ACDEB#C2CCF0
#28A43F#43D5A7#7DD4E8#BBCEF7
#22C34D#45DEAD#79DCE7#ADCDF0
#1FAD43#40D8B2#77D0EE#C1CDF1
#22C343#45DEA3#79E4E7#ADD2F0
#27A538#44D49F#7ED9E7#BCD1F6
#CF9E78#ABC43F#56D14D#46CBA1
#5FB855#44CF9E#4697CD#7162C9
#AD4DE5#E5AD4D#4DE5AD#E0BCF5
#C9863A#9DC23F#7DC980#50C5AC
#CC963F#A8D25E#7ACD84#3FC5B3
#15B751#46D2C0#7DC1E8#C0C6F2