Preview
#00a2ff
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.76:1 · vs black: 7.61:1
HEX
#00a2ff
RGB
rgb(0, 162, 255)
RGBA
rgba(0, 162, 255, 1)
HSL
hsl(202, 100%, 50%)
HSV
hsv(202, 100%, 100%)
LAB
lab(64.21% -1.68 -55.69)
LCH
lch(64.21% 55.72 268.27)
OKLAB
oklab(0.6891 -0.0728 -0.1591)
OKLCH
oklch(0.6891 0.175 245.41)
XYZ
xyz(30.96, 33.06, 99.34)
CMYK
cmyk(100%, 36%, 0%, 0%)
CSS
color: #00a2ff;
CSS variable
--color-00a2ff: #00a2ff;
SCSS
$color-00a2ff: #00a2ff;
Tailwind
sky-500
Export
:root {
--#00a2ff-1: #00a2ff;
}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.