Preview
#1f4247
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 10.89:1 · vs black: 1.93:1
HEX
#1f4247
RGB
rgb(31, 66, 71)
RGBA
rgba(31, 66, 71, 1)
HSL
hsl(188, 39%, 20%)
HSV
hsv(188, 56%, 28%)
LAB
lab(25.69% -11.01 -6.94)
LCH
lch(25.69% 13.01 212.22)
OKLAB
oklab(0.3552 -0.0366 -0.0191)
OKLCH
oklch(0.3552 0.0413 207.56)
XYZ
xyz(3.65, 4.64, 6.66)
CMYK
cmyk(56%, 7%, 0%, 72%)
CSS
color: #1f4247;
CSS variable
--color-1f4247: #1f4247;
SCSS
$color-1f4247: #1f4247;
Tailwind
cyan-800
Export
:root {
--#1f4247-1: #1f4247;
}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.