Preview
#73bce2
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.1:1 · vs black: 10.02:1
HEX
#73bce2
RGB
rgb(115, 188, 226)
RGBA
rgba(115, 188, 226, 1)
HSL
hsl(201, 66%, 67%)
HSV
hsv(201, 49%, 89%)
LAB
lab(72.96% -12.6 -26.04)
LCH
lch(72.96% 28.93 244.18)
OKLAB
oklab(0.7616 -0.0556 -0.0723)
OKLCH
oklch(0.7616 0.0912 232.44)
XYZ
xyz(38.78, 45.10, 78.60)
CMYK
cmyk(49%, 17%, 0%, 11%)
CSS
color: #73bce2;
CSS variable
--color-73bce2: #73bce2;
SCSS
$color-73bce2: #73bce2;
Tailwind
sky-300
Export
:root {
--#73bce2-1: #73bce2;
}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.