Preview
#363f3f
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 10.83:1 · vs black: 1.94:1
HEX
#363f3f
RGB
rgb(54, 63, 63)
RGBA
rgba(54, 63, 63, 1)
HSL
hsl(180, 8%, 23%)
HSV
hsv(180, 14%, 25%)
LAB
lab(25.86% -3.71 -1.26)
LCH
lch(25.86% 3.92 198.76)
OKLAB
oklab(0.3594 -0.0114 -0.0034)
OKLCH
oklch(0.3594 0.0119 196.61)
XYZ
xyz(4.20, 4.70, 5.39)
CMYK
cmyk(14%, 0%, 0%, 75%)
CSS
color: #363f3f;
CSS variable
--color-363f3f: #363f3f;
SCSS
$color-363f3f: #363f3f;
Tailwind
cyan-700
Export
:root {
--#363f3f-1: #363f3f;
}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.