Preview
#26a7f2
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.66:1 · vs black: 7.89:1
HEX
#26a7f2
RGB
rgb(38, 167, 242)
RGBA
rgba(38, 167, 242, 1)
HSL
hsl(202, 89%, 55%)
HSV
hsv(202, 84%, 95%)
LAB
lab(65.32% -7.7 -46.8)
LCH
lch(65.32% 47.43 260.66)
OKLAB
oklab(0.6968 -0.0734 -0.1329)
OKLCH
oklch(0.6968 0.1518 241.09)
XYZ
xyz(30.64, 34.46, 89.02)
CMYK
cmyk(84%, 31%, 0%, 5%)
CSS
color: #26a7f2;
CSS variable
--color-26a7f2: #26a7f2;
SCSS
$color-26a7f2: #26a7f2;
Tailwind
sky-400
Export
:root {
--#26a7f2-1: #26a7f2;
}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.