Preview
#4a5568
Family: Blue
Accessibility on this swatch:
Contrast vs white: 7.53:1 · vs black: 2.79:1
HEX
#4a5568
RGB
rgb(74, 85, 104)
RGBA
rgba(74, 85, 104, 1)
HSL
hsl(218, 17%, 35%)
HSV
hsv(218, 29%, 41%)
LAB
lab(35.89% 0.54 -12.36)
LCH
lch(35.89% 12.37 272.5)
OKLAB
oklab(0.4474 -0.0052 -0.0339)
OKLCH
oklch(0.4474 0.0343 261.28)
XYZ
xyz(8.57, 8.95, 14.37)
CMYK
cmyk(29%, 18%, 0%, 59%)
CSS
color: #4a5568;
CSS variable
--color-4a5568: #4a5568;
SCSS
$color-4a5568: #4a5568;
Tailwind
sky-600
Export
:root {
--chakra-gray-600-1: #4a5568;
}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.