Preview
#3a4c57
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 8.93:1 · vs black: 2.35:1
HEX
#3a4c57
RGB
rgb(58, 76, 87)
RGBA
rgba(58, 76, 87, 1)
HSL
hsl(203, 20%, 28%)
HSV
hsv(203, 33%, 34%)
LAB
lab(31.25% -4.02 -8.78)
LCH
lch(31.25% 9.66 245.4)
OKLAB
oklab(0.4057 -0.0167 -0.024)
OKLCH
oklch(0.4057 0.0292 235.17)
XYZ
xyz(6.05, 6.76, 10.00)
CMYK
cmyk(33%, 13%, 0%, 66%)
CSS
color: #3a4c57;
CSS variable
--color-3a4c57: #3a4c57;
SCSS
$color-3a4c57: #3a4c57;
Tailwind
sky-700
Export
:root {
--#3a4c57-1: #3a4c57;
}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.