Preview
#2d4145
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 10.75:1 · vs black: 1.95:1
HEX
#2d4145
RGB
rgb(45, 65, 69)
RGBA
rgba(45, 65, 69, 1)
HSL
hsl(190, 21%, 22%)
HSV
hsv(190, 35%, 27%)
LAB
lab(26.06% -6.72 -4.98)
LCH
lch(26.06% 8.36 216.54)
OKLAB
oklab(0.36 -0.0224 -0.0136)
OKLCH
oklch(0.36 0.0262 211.26)
XYZ
xyz(4.05, 4.77, 6.34)
CMYK
cmyk(35%, 6%, 0%, 73%)
CSS
color: #2d4145;
CSS variable
--color-2d4145: #2d4145;
SCSS
$color-2d4145: #2d4145;
Tailwind
cyan-700
Export
:root {
--#2d4145-1: #2d4145;
}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.