Preview
#63879c
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 3.83:1 · vs black: 5.48:1
HEX
#63879c
RGB
rgb(99, 135, 156)
RGBA
rgba(99, 135, 156, 1)
HSL
hsl(202, 22%, 50%)
HSV
hsv(202, 37%, 61%)
LAB
lab(54.43% -7.13 -15.21)
LCH
lch(54.43% 16.8 244.88)
OKLAB
oklab(0.6042 -0.03 -0.0418)
OKLCH
oklch(0.6042 0.0515 234.33)
XYZ
xyz(19.81, 22.38, 34.72)
CMYK
cmyk(37%, 13%, 0%, 39%)
CSS
color: #63879c;
CSS variable
--color-63879c: #63879c;
SCSS
$color-63879c: #63879c;
Tailwind
sky-500
Export
:root {
--#63879c-1: #63879c;
}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.