Preview
#638699
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 3.89:1 · vs black: 5.4:1
HEX
#638699
RGB
rgb(99, 134, 153)
RGBA
rgba(99, 134, 153, 1)
HSL
hsl(201, 21%, 49%)
HSV
hsv(201, 35%, 60%)
LAB
lab(54.03% -7.36 -14.08)
LCH
lch(54.03% 15.89 242.4)
OKLAB
oklab(0.6007 -0.0298 -0.0387)
OKLCH
oklch(0.6007 0.0488 232.4)
XYZ
xyz(19.42, 22.00, 33.35)
CMYK
cmyk(35%, 12%, 0%, 40%)
CSS
color: #638699;
CSS variable
--color-638699: #638699;
SCSS
$color-638699: #638699;
Tailwind
sky-500
Export
:root {
--#638699-1: #638699;
}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.