Preview
#6a737a
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 4.83:1 · vs black: 4.35:1
HEX
#6a737a
RGB
rgb(106, 115, 122)
RGBA
rgba(106, 115, 122, 1)
HSL
hsl(206, 7%, 45%)
HSV
hsv(206, 13%, 48%)
LAB
lab(47.92% -1.83 -5.01)
LCH
lch(47.92% 5.33 249.93)
OKLAB
oklab(0.5503 -0.0074 -0.0135)
OKLCH
oklch(0.5503 0.0154 241.27)
XYZ
xyz(15.59, 16.73, 20.82)
CMYK
cmyk(13%, 6%, 0%, 52%)
CSS
color: #6a737a;
CSS variable
--color-6a737a: #6a737a;
SCSS
$color-6a737a: #6a737a;
Tailwind
slate-500
Export
:root {
--#6a737a-1: #6a737a;
}Calm professionalism with cool neutrality. Excellent for dashboards and docs.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Blue Grey family.