Preview
#4deaff
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.45:1 · vs black: 14.53:1
HEX
#4deaff
RGB
rgb(77, 234, 255)
RGBA
rgba(77, 234, 255, 1)
HSL
hsl(187, 100%, 65%)
HSV
hsv(187, 70%, 100%)
LAB
lab(85.82% -33.86 -22.02)
LCH
lch(85.82% 40.39 213.04)
OKLAB
oklab(0.8647 -0.1151 -0.0612)
OKLCH
oklch(0.8647 0.1304 208)
XYZ
xyz(50.53, 67.64, 104.98)
CMYK
cmyk(70%, 8%, 0%, 0%)
CSS
color: #4deaff;
CSS variable
--color-4deaff: #4deaff;
SCSS
$color-4deaff: #4deaff;
Tailwind
cyan-300
Export
:root {
--#4deaff-1: #4deaff;
}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.