Preview
#168bc5
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 3.8:1 · vs black: 5.53:1
HEX
#168bc5
RGB
rgb(22, 139, 197)
RGBA
rgba(22, 139, 197, 1)
HSL
hsl(200, 80%, 43%)
HSV
hsv(200, 89%, 77%)
LAB
lab(54.73% -9.26 -38.45)
LCH
lch(54.73% 39.55 256.46)
OKLAB
oklab(0.605 -0.0681 -0.109)
OKLCH
oklch(0.605 0.1285 238)
XYZ
xyz(19.64, 22.66, 56.15)
CMYK
cmyk(89%, 29%, 0%, 23%)
CSS
color: #168bc5;
CSS variable
--color-168bc5: #168bc5;
SCSS
$color-168bc5: #168bc5;
Tailwind
sky-500
Export
:root {
--#168bc5-1: #168bc5;
}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.