Preview
#344547
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 10.06:1 · vs black: 2.09:1
HEX
#344547
RGB
rgb(52, 69, 71)
RGBA
rgba(52, 69, 71, 1)
HSL
hsl(186, 15%, 24%)
HSV
hsv(186, 27%, 28%)
LAB
lab(27.96% -6.19 -3.42)
LCH
lch(27.96% 7.07 208.92)
OKLAB
oklab(0.3766 -0.0198 -0.0093)
OKLCH
oklch(0.3766 0.0219 205.16)
XYZ
xyz(4.68, 5.44, 6.76)
CMYK
cmyk(27%, 3%, 0%, 72%)
CSS
color: #344547;
CSS variable
--color-344547: #344547;
SCSS
$color-344547: #344547;
Tailwind
cyan-700
Export
:root {
--#344547-1: #344547;
}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.