Preview
#3c7ca6
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 4.54:1 · vs black: 4.63:1
HEX
#3c7ca6
RGB
rgb(60, 124, 166)
RGBA
rgba(60, 124, 166, 1)
HSL
hsl(204, 47%, 44%)
HSV
hsv(204, 64%, 65%)
LAB
lab(49.65% -7.18 -28.51)
LCH
lch(49.65% 29.4 255.86)
OKLAB
oklab(0.5626 -0.0462 -0.0801)
OKLCH
oklch(0.5626 0.0925 240.02)
XYZ
xyz(15.95, 18.13, 38.73)
CMYK
cmyk(64%, 25%, 0%, 35%)
CSS
color: #3c7ca6;
CSS variable
--color-3c7ca6: #3c7ca6;
SCSS
$color-3c7ca6: #3c7ca6;
Tailwind
sky-500
Export
:root {
--#3c7ca6-1: #3c7ca6;
}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.