Preview
#102b30
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 14.89:1 · vs black: 1.41:1
HEX
#102b30
RGB
rgb(16, 43, 48)
RGBA
rgba(16, 43, 48, 1)
HSL
hsl(189, 50%, 13%)
HSV
hsv(189, 67%, 19%)
LAB
lab(15.75% -8.44 -6.37)
LCH
lch(15.75% 10.57 217.04)
OKLAB
oklab(0.2705 -0.029 -0.0176)
OKLCH
oklch(0.2705 0.0339 211.25)
XYZ
xyz(1.61, 2.05, 3.11)
CMYK
cmyk(67%, 10%, 0%, 81%)
CSS
color: #102b30;
CSS variable
--color-102b30: #102b30;
SCSS
$color-102b30: #102b30;
Tailwind
cyan-800
Export
:root {
--#102b30-1: #102b30;
}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.