Preview
#163d50
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 11.55:1 · vs black: 1.82:1
HEX
#163d50
RGB
rgb(22, 61, 80)
RGBA
rgba(22, 61, 80, 1)
HSL
hsl(200, 57%, 20%)
HSV
hsv(200, 73%, 31%)
LAB
lab(23.96% -6.72 -15.55)
LCH
lch(23.96% 16.94 246.63)
OKLAB
oklab(0.3415 -0.0331 -0.0436)
OKLCH
oklch(0.3415 0.0547 232.8)
XYZ
xyz(3.45, 4.09, 8.20)
CMYK
cmyk(72%, 24%, 0%, 69%)
CSS
color: #163d50;
CSS variable
--color-163d50: #163d50;
SCSS
$color-163d50: #163d50;
Tailwind
sky-800
Export
:root {
--#163d50-1: #163d50;
}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.