Preview
#457ca5
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 4.49:1 · vs black: 4.68:1
HEX
#457ca5
RGB
rgb(69, 124, 165)
RGBA
rgba(69, 124, 165, 1)
HSL
hsl(206, 41%, 46%)
HSV
hsv(206, 58%, 65%)
LAB
lab(49.97% -5.72 -27.4)
LCH
lch(49.97% 27.99 258.21)
OKLAB
oklab(0.566 -0.0398 -0.0768)
OKLCH
oklch(0.566 0.0865 242.61)
XYZ
xyz(16.45, 18.40, 38.27)
CMYK
cmyk(58%, 25%, 0%, 35%)
CSS
color: #457ca5;
CSS variable
--color-457ca5: #457ca5;
SCSS
$color-457ca5: #457ca5;
Tailwind
sky-500
Export
:root {
--spectrum-#457ca5-1: #457ca5;
}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.