Preview
#0dcaf0
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.96:1 · vs black: 10.72:1
HEX
#0dcaf0
RGB
rgb(13, 202, 240)
RGBA
rgba(13, 202, 240, 1)
HSL
hsl(190, 90%, 50%)
HSV
hsv(190, 95%, 94%)
LAB
lab(75.21% -28.04 -30.34)
LCH
lch(75.21% 41.31 227.26)
OKLAB
oklab(0.7749 -0.1086 -0.085)
OKLCH
oklch(0.7749 0.1379 218.05)
XYZ
xyz(37.01, 48.61, 89.85)
CMYK
cmyk(95%, 16%, 0%, 6%)
CSS
color: #0dcaf0;
CSS variable
--color-0dcaf0: #0dcaf0;
SCSS
$color-0dcaf0: #0dcaf0;
Tailwind
cyan-500
Export
:root {
--bootstrap-info-1: #0dcaf0;
}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.