Preview
#1a4347
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 10.84:1 · vs black: 1.94:1
HEX
#1a4347
RGB
rgb(26, 67, 71)
RGBA
rgba(26, 67, 71, 1)
HSL
hsl(185, 46%, 19%)
HSV
hsv(185, 63%, 28%)
LAB
lab(25.83% -12.85 -6.75)
LCH
lch(25.83% 14.51 207.71)
OKLAB
oklab(0.3557 -0.0419 -0.0187)
OKLCH
oklch(0.3557 0.0459 204.05)
XYZ
xyz(3.57, 4.69, 6.68)
CMYK
cmyk(63%, 6%, 0%, 72%)
CSS
color: #1a4347;
CSS variable
--color-1a4347: #1a4347;
SCSS
$color-1a4347: #1a4347;
Tailwind
cyan-800
Export
:root {
--#1a4347-1: #1a4347;
}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.