Preview
#7d94a7
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 3.15:1 · vs black: 6.67:1
HEX
#7d94a7
RGB
rgb(125, 148, 167)
RGBA
rgba(125, 148, 167, 1)
HSL
hsl(207, 19%, 57%)
HSV
hsv(207, 25%, 65%)
LAB
lab(60.18% -3.72 -12.66)
LCH
lch(60.18% 13.2 253.63)
OKLAB
oklab(0.6552 -0.0174 -0.0345)
OKLCH
oklch(0.6552 0.0386 243.24)
XYZ
xyz(26.02, 28.33, 40.65)
CMYK
cmyk(25%, 11%, 0%, 35%)
CSS
color: #7d94a7;
CSS variable
--color-7d94a7: #7d94a7;
SCSS
$color-7d94a7: #7d94a7;
Tailwind
sky-400
Export
:root {
--#7d94a7-1: #7d94a7;
}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.