#97DFD3

Cyan

HEX

RGB

HSL

About #97DFD3 Cyan

#97DFD3 is a cyan color. In the RGB color model, it is composed of 151 red, 223 green, and 211 blue. In the HSL color space, it has a hue of 170°, saturation of 53%, and lightness of 73%.

This color has a high lightness value, making it a light color suitable for backgrounds. With moderate saturation, it appears balanced and versatile.

CSS Code & Gradients

Use #97DFD3 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

170°

Hue

53%

Saturation

73%

Lightness

Cyan

Color Harmonies

Colors that work well with #97DFD3 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #97DFD3 against white and black backgrounds.

Aa#97DFD3 on White
Contrast Ratio1.52:1
AA AA Large AAA
Aa#97DFD3 on Black
Contrast Ratio13.81:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #97DFD3 across different color formats.

FormatValue
HEX#97DFD3
RGBrgb(151, 223, 211)
HSLhsl(170, 53%, 73%)
RGB Decimal151, 223, 211
RGB Percent59.2%, 87.5%, 82.7%
CMYK (approx.)32%, 0%, 5%, 13%

Related Palettes

12 palettes using #97DFD3 or similar colors

#F38181#FCE38A#EAFFD0#95E1D3
#FF75A0#FCE38A#EAFFD0#95E1D3
#B5E59F#BEEBBF#A0E9B9#9AE9D0
#A5EA99#B0E9BA#A9E6C8#9BE6DB
#BFF2D4#A0E6D5#A7E9EF#A1CBE9
#AFEBA4#B5E6BE#9BE7C2#A2E2D8
#C1F0CB#AAEED0#A0E3DB#BBE2ED
#A1E9D1#ABEAEA#9FD1EA#A6BBE6
#98E99B#B2EFC9#A3E7D3#B2E5E6
#B5F0C3#9CEDCA#A3E2DB#A6D5E3
#9CEDD3#B9F2F3#B9DDF1#AABEE9
#A1E4C9#A6EDE8#ABD4E3#BBCEEB