Preview
#2e686b
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 6.35:1 · vs black: 3.31:1
HEX
#2e686b
RGB
rgb(46, 104, 107)
RGBA
rgba(46, 104, 107, 1)
HSL
hsl(183, 40%, 30%)
HSV
hsv(183, 57%, 42%)
LAB
lab(40.48% -17.85 -7.44)
LCH
lch(40.48% 19.34 202.63)
OKLAB
oklab(0.4801 -0.0568 -0.0206)
OKLCH
oklch(0.4801 0.0604 199.93)
XYZ
xyz(8.73, 11.54, 15.67)
CMYK
cmyk(57%, 3%, 0%, 58%)
CSS
color: #2e686b;
CSS variable
--color-2e686b: #2e686b;
SCSS
$color-2e686b: #2e686b;
Tailwind
cyan-700
Export
:root {
--spectrum-#2e686b-1: #2e686b;
}Freshness, clarity, and innovation. Great for tech accents and clean digital products.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Cyan family.