Preview
#748ea7
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 3.4:1 · vs black: 6.17:1
HEX
#748ea7
RGB
rgb(116, 142, 167)
RGBA
rgba(116, 142, 167, 1)
HSL
hsl(209, 22%, 55%)
HSV
hsv(209, 31%, 65%)
LAB
lab(57.89% -3.14 -16.18)
LCH
lch(57.89% 16.48 259.02)
OKLAB
oklab(0.6356 -0.0183 -0.0444)
OKLCH
oklch(0.6356 0.048 247.6)
XYZ
xyz(23.85, 25.85, 40.28)
CMYK
cmyk(31%, 15%, 0%, 35%)
CSS
color: #748ea7;
CSS variable
--color-748ea7: #748ea7;
SCSS
$color-748ea7: #748ea7;
Tailwind
sky-400
Export
:root {
--#748ea7-1: #748ea7;
}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.