Preview
#45ece4
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.46:1 · vs black: 14.37:1
HEX
#45ece4
RGB
rgb(69, 236, 228)
RGBA
rgba(69, 236, 228, 1)
HSL
hsl(177, 81%, 60%)
HSV
hsv(177, 71%, 93%)
LAB
lab(85.43% -43.36 -8.44)
LCH
lch(85.43% 44.17 191.01)
OKLAB
oklab(0.8583 -0.1313 -0.0236)
OKLCH
oklch(0.8583 0.1334 190.19)
XYZ
xyz(46.45, 66.85, 83.84)
CMYK
cmyk(71%, 0%, 3%, 7%)
CSS
color: #45ece4;
CSS variable
--color-45ece4: #45ece4;
SCSS
$color-45ece4: #45ece4;
Tailwind
teal-400
Export
:root {
--#45ece4-1: #45ece4;
}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.