Preview
#6f8087
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 4.11:1 · vs black: 5.11:1
HEX
#6f8087
RGB
rgb(111, 128, 135)
RGBA
rgba(111, 128, 135, 1)
HSL
hsl(198, 10%, 48%)
HSV
hsv(198, 18%, 53%)
LAB
lab(52.47% -4.61 -5.87)
LCH
lch(52.47% 7.46 231.86)
OKLAB
oklab(0.5885 -0.0161 -0.0159)
OKLCH
oklch(0.5885 0.0226 224.64)
XYZ
xyz(18.65, 20.57, 25.90)
CMYK
cmyk(18%, 5%, 0%, 47%)
CSS
color: #6f8087;
CSS variable
--color-6f8087: #6f8087;
SCSS
$color-6f8087: #6f8087;
Tailwind
cyan-500
Export
:root {
--#6f8087-1: #6f8087;
}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.