Preview
#1f4744
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 10.28:1 · vs black: 2.04:1
HEX
#1f4744
RGB
rgb(31, 71, 68)
RGBA
rgba(31, 71, 68, 1)
HSL
hsl(176, 39%, 20%)
HSV
hsv(176, 56%, 28%)
LAB
lab(27.34% -14.92 -2.51)
LCH
lch(27.34% 15.13 189.55)
OKLAB
oklab(0.3681 -0.0449 -0.007)
OKLCH
oklch(0.3681 0.0454 188.86)
XYZ
xyz(3.86, 5.21, 6.27)
CMYK
cmyk(56%, 0%, 4%, 72%)
CSS
color: #1f4744;
CSS variable
--color-1f4744: #1f4744;
SCSS
$color-1f4744: #1f4744;
Tailwind
teal-800
Export
:root {
--#1f4744-1: #1f4744;
}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.