Preview
#14679f
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 6.05:1 · vs black: 3.47:1
HEX
#14679f
RGB
rgb(20, 103, 159)
RGBA
rgba(20, 103, 159, 1)
HSL
hsl(204, 78%, 35%)
HSV
hsv(204, 87%, 62%)
LAB
lab(41.77% -2.46 -36.85)
LCH
lch(41.77% 36.93 266.18)
OKLAB
oklab(0.496 -0.0493 -0.105)
OKLCH
oklch(0.496 0.116 244.85)
XYZ
xyz(11.39, 12.35, 34.58)
CMYK
cmyk(87%, 35%, 0%, 38%)
CSS
color: #14679f;
CSS variable
--color-14679f: #14679f;
SCSS
$color-14679f: #14679f;
Tailwind
sky-600
Export
:root {
--#14679f-1: #14679f;
}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.