Preview
#53dfdf
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.62:1 · vs black: 12.99:1
HEX
#53dfdf
RGB
rgb(83, 223, 223)
RGBA
rgba(83, 223, 223, 1)
HSL
hsl(180, 69%, 60%)
HSV
hsv(180, 63%, 87%)
LAB
lab(81.8% -36.94 -11.15)
LCH
lch(81.8% 38.59 196.8)
OKLAB
oklab(0.8293 -0.1147 -0.031)
OKLCH
oklch(0.8293 0.1188 195.12)
XYZ
xyz(43.27, 59.94, 79.09)
CMYK
cmyk(63%, 0%, 0%, 13%)
CSS
color: #53dfdf;
CSS variable
--color-53dfdf: #53dfdf;
SCSS
$color-53dfdf: #53dfdf;
Tailwind
cyan-400
Export
:root {
--#53dfdf-1: #53dfdf;
}Freshness, clarity, and innovation. Great for tech accents and clean digital products.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Cyan family.