Preview
#63798b
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 4.53:1 · vs black: 4.64:1
HEX
#63798b
RGB
rgb(99, 121, 139)
RGBA
rgba(99, 121, 139, 1)
HSL
hsl(207, 17%, 47%)
HSV
hsv(207, 29%, 55%)
LAB
lab(49.73% -3.58 -12.41)
LCH
lch(49.73% 12.92 253.91)
OKLAB
oklab(0.5651 -0.0172 -0.0339)
OKLCH
oklch(0.5651 0.038 243.1)
XYZ
xyz(16.64, 18.19, 27.06)
CMYK
cmyk(29%, 13%, 0%, 45%)
CSS
color: #63798b;
CSS variable
--color-63798b: #63798b;
SCSS
$color-63798b: #63798b;
Tailwind
sky-500
Export
:root {
--#63798b-1: #63798b;
}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.