Preview
#004450
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 10.81:1 · vs black: 1.94:1
HEX
#004450
RGB
rgb(0, 68, 80)
RGBA
rgba(0, 68, 80, 1)
HSL
hsl(189, 100%, 16%)
HSV
hsv(189, 100%, 31%)
LAB
lab(25.9% -14.03 -12.6)
LCH
lch(25.9% 18.86 221.93)
OKLAB
oklab(0.3556 -0.0517 -0.0353)
OKLCH
oklch(0.3556 0.0626 214.32)
XYZ
xyz(3.51, 4.71, 8.31)
CMYK
cmyk(100%, 15%, 0%, 69%)
CSS
color: #004450;
CSS variable
--color-004450: #004450;
SCSS
$color-004450: #004450;
Tailwind
cyan-800
Export
:root {
--#004450-1: #004450;
}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.