Preview
#3e74a0
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 4.99:1 · vs black: 4.21:1
HEX
#3e74a0
RGB
rgb(62, 116, 160)
RGBA
rgba(62, 116, 160, 1)
HSL
hsl(207, 44%, 44%)
HSV
hsv(207, 61%, 63%)
LAB
lab(47.04% -4.11 -29.06)
LCH
lch(47.04% 29.35 261.95)
OKLAB
oklab(0.5413 -0.0379 -0.0817)
OKLCH
oklch(0.5413 0.0901 245.11)
XYZ
xyz(14.57, 16.05, 35.58)
CMYK
cmyk(61%, 28%, 0%, 37%)
CSS
color: #3e74a0;
CSS variable
--color-3e74a0: #3e74a0;
SCSS
$color-3e74a0: #3e74a0;
Tailwind
sky-500
Export
:root {
--#3e74a0-1: #3e74a0;
}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.