Preview
#339999
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 3.41:1 · vs black: 6.16:1
HEX
#339999
RGB
rgb(51, 153, 153)
RGBA
rgba(51, 153, 153, 1)
HSL
hsl(180, 50%, 40%)
HSV
hsv(180, 67%, 60%)
LAB
lab(57.83% -28.45 -8.57)
LCH
lch(57.83% 29.71 196.76)
OKLAB
oklab(0.6258 -0.0884 -0.0238)
OKLCH
oklch(0.6258 0.0915 195.07)
XYZ
xyz(18.50, 25.78, 34.13)
CMYK
cmyk(67%, 0%, 0%, 40%)
CSS
color: #339999;
CSS variable
--color-339999: #339999;
SCSS
$color-339999: #339999;
Tailwind
cyan-600
Export
:root {
--web-safe-#339999-1: #339999;
}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.