Preview
#485d6a
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 6.89:1 · vs black: 3.05:1
HEX
#485d6a
RGB
rgb(72, 93, 106)
RGBA
rgba(72, 93, 106, 1)
HSL
hsl(203, 19%, 35%)
HSV
hsv(203, 32%, 42%)
LAB
lab(38.28% -4.5 -9.99)
LCH
lch(38.28% 10.96 245.75)
OKLAB
oklab(0.4661 -0.0187 -0.0274)
OKLCH
oklch(0.4661 0.0332 235.69)
XYZ
xyz(9.19, 10.25, 15.13)
CMYK
cmyk(32%, 12%, 0%, 58%)
CSS
color: #485d6a;
CSS variable
--color-485d6a: #485d6a;
SCSS
$color-485d6a: #485d6a;
Tailwind
sky-600
Export
:root {
--#485d6a-1: #485d6a;
}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.