Preview
#4dc3ff
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.99:1 · vs black: 10.57:1
HEX
#4dc3ff
RGB
rgb(77, 195, 255)
RGBA
rgba(77, 195, 255, 1)
HSL
hsl(200, 100%, 65%)
HSV
hsv(200, 70%, 100%)
LAB
lab(74.71% -14.39 -39.09)
LCH
lch(74.71% 41.65 249.79)
OKLAB
oklab(0.7756 -0.078 -0.1099)
OKLCH
oklch(0.7756 0.1348 234.64)
XYZ
xyz(40.62, 47.82, 101.68)
CMYK
cmyk(70%, 24%, 0%, 0%)
CSS
color: #4dc3ff;
CSS variable
--color-4dc3ff: #4dc3ff;
SCSS
$color-4dc3ff: #4dc3ff;
Tailwind
sky-300
Export
:root {
--#4dc3ff-1: #4dc3ff;
}Openness, clarity, and communication. Soft and approachable for modern interfaces.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Light Blue family.