Preview
#2aaad5
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.69:1 · vs black: 7.81:1
HEX
#2aaad5
RGB
rgb(42, 170, 213)
RGBA
rgba(42, 170, 213, 1)
HSL
hsl(195, 67%, 50%)
HSV
hsv(195, 80%, 84%)
LAB
lab(65% -19.08 -31.36)
LCH
lch(65% 36.71 238.68)
OKLAB
oklab(0.6902 -0.0844 -0.0881)
OKLCH
oklch(0.6902 0.122 226.23)
XYZ
xyz(27.33, 34.04, 68.07)
CMYK
cmyk(80%, 20%, 0%, 16%)
CSS
color: #2aaad5;
CSS variable
--color-2aaad5: #2aaad5;
SCSS
$color-2aaad5: #2aaad5;
Tailwind
cyan-500
Export
:root {
--#2aaad5-1: #2aaad5;
}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.