Preview
#00a6ff
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.66:1 · vs black: 7.9:1
HEX
#00a6ff
RGB
rgb(0, 166, 255)
RGBA
rgba(0, 166, 255, 1)
HSL
hsl(201, 100%, 50%)
HSV
hsv(201, 100%, 100%)
LAB
lab(65.35% -3.97 -53.88)
LCH
lch(65.35% 54.03 265.79)
OKLAB
oklab(0.6981 -0.0757 -0.1537)
OKLCH
oklch(0.6981 0.1713 243.78)
XYZ
xyz(31.68, 34.49, 99.58)
CMYK
cmyk(100%, 35%, 0%, 0%)
CSS
color: #00a6ff;
CSS variable
--color-00a6ff: #00a6ff;
SCSS
$color-00a6ff: #00a6ff;
Tailwind
sky-500
Export
:root {
--#00a6ff-1: #00a6ff;
}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.