Preview
#18484e
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 10.12:1 · vs black: 2.08:1
HEX
#18484e
RGB
rgb(24, 72, 78)
RGBA
rgba(24, 72, 78, 1)
HSL
hsl(187, 53%, 20%)
HSV
hsv(187, 69%, 31%)
LAB
lab(27.79% -13.83 -8.38)
LCH
lch(27.79% 16.17 211.21)
OKLAB
oklab(0.3721 -0.0462 -0.0232)
OKLCH
oklch(0.3721 0.0517 206.66)
XYZ
xyz(4.07, 5.38, 8.03)
CMYK
cmyk(69%, 8%, 0%, 69%)
CSS
color: #18484e;
CSS variable
--color-18484e: #18484e;
SCSS
$color-18484e: #18484e;
Tailwind
cyan-800
Export
:root {
--#18484e-1: #18484e;
}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.