Preview
#7bceea
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.77:1 · vs black: 11.86:1
HEX
#7bceea
RGB
rgb(123, 206, 234)
RGBA
rgba(123, 206, 234, 1)
HSL
hsl(195, 73%, 70%)
HSV
hsv(195, 47%, 92%)
LAB
lab(78.63% -17.95 -21.67)
LCH
lch(78.63% 28.14 230.36)
OKLAB
oklab(0.8086 -0.0671 -0.0599)
OKLCH
oklch(0.8086 0.0899 221.76)
XYZ
xyz(45.09, 54.29, 85.93)
CMYK
cmyk(47%, 12%, 0%, 8%)
CSS
color: #7bceea;
CSS variable
--color-7bceea: #7bceea;
SCSS
$color-7bceea: #7bceea;
Tailwind
cyan-300
Export
:root {
--#7bceea-1: #7bceea;
}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.