Preview
#4e7f94
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 4.39:1 · vs black: 4.79:1
HEX
#4e7f94
RGB
rgb(78, 127, 148)
RGBA
rgba(78, 127, 148, 1)
HSL
hsl(198, 31%, 44%)
HSV
hsv(198, 47%, 58%)
LAB
lab(50.61% -10.61 -16.47)
LCH
lch(50.61% 19.59 237.21)
OKLAB
oklab(0.57 -0.0422 -0.0455)
OKLCH
oklch(0.57 0.0621 227.15)
XYZ
xyz(16.07, 18.94, 30.82)
CMYK
cmyk(47%, 14%, 0%, 42%)
CSS
color: #4e7f94;
CSS variable
--color-4e7f94: #4e7f94;
SCSS
$color-4e7f94: #4e7f94;
Tailwind
cyan-500
Export
:root {
--#4e7f94-1: #4e7f94;
}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.