Preview
#718096
Family: Blue
Accessibility on this swatch:
Contrast vs white: 4.02:1 · vs black: 5.23:1
HEX
#718096
RGB
rgb(113, 128, 150)
RGBA
rgba(113, 128, 150, 1)
HSL
hsl(216, 15%, 52%)
HSV
hsv(216, 25%, 59%)
LAB
lab(53.11% -0.35 -13.64)
LCH
lch(53.11% 13.64 268.53)
OKLAB
oklab(0.5956 -0.008 -0.0372)
OKLCH
oklch(0.5956 0.0381 257.86)
XYZ
xyz(20.03, 21.15, 31.88)
CMYK
cmyk(25%, 15%, 0%, 41%)
CSS
color: #718096;
CSS variable
--color-718096: #718096;
SCSS
$color-718096: #718096;
Tailwind
sky-400
Export
:root {
--chakra-gray-500-1: #718096;
}Trust, calm, and professionalism. The most used color in SaaS, finance, and healthcare.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Blue family.