Preview
#2a6374
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 6.7:1 · vs black: 3.14:1
HEX
#2a6374
RGB
rgb(42, 99, 116)
RGBA
rgba(42, 99, 116, 1)
HSL
hsl(194, 47%, 31%)
HSV
hsv(194, 64%, 45%)
LAB
lab(39.03% -13.01 -15.15)
LCH
lch(39.03% 19.97 229.35)
OKLAB
oklab(0.4692 -0.0495 -0.0421)
OKLCH
oklch(0.4692 0.065 220.38)
XYZ
xyz(8.57, 10.68, 18.13)
CMYK
cmyk(64%, 15%, 0%, 55%)
CSS
color: #2a6374;
CSS variable
--color-2a6374: #2a6374;
SCSS
$color-2a6374: #2a6374;
Tailwind
cyan-600
Export
:root {
--spectrum-#2a6374-1: #2a6374;
}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.