Preview
#7fb1d0
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.31:1 · vs black: 9.1:1
HEX
#7fb1d0
RGB
rgb(127, 177, 208)
RGBA
rgba(127, 177, 208, 1)
HSL
hsl(203, 46%, 66%)
HSV
hsv(203, 39%, 82%)
LAB
lab(69.83% -8.68 -20.93)
LCH
lch(69.83% 22.66 247.48)
OKLAB
oklab(0.7363 -0.0386 -0.0577)
OKLCH
oklch(0.7363 0.0694 236.22)
XYZ
xyz(35.86, 40.51, 65.59)
CMYK
cmyk(39%, 15%, 0%, 18%)
CSS
color: #7fb1d0;
CSS variable
--color-7fb1d0: #7fb1d0;
SCSS
$color-7fb1d0: #7fb1d0;
Tailwind
sky-300
Export
:root {
--#7fb1d0-1: #7fb1d0;
}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.