Preview
#18558c
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 7.73:1 · vs black: 2.72:1
HEX
#18558c
RGB
rgb(24, 85, 140)
RGBA
rgba(24, 85, 140, 1)
HSL
hsl(208, 71%, 32%)
HSV
hsv(208, 83%, 55%)
LAB
lab(35.17% 1.77 -35.89)
LCH
lch(35.17% 35.93 272.82)
OKLAB
oklab(0.4409 -0.0371 -0.1025)
OKLCH
oklch(0.4409 0.109 250.1)
XYZ
xyz(8.36, 8.58, 26.02)
CMYK
cmyk(83%, 39%, 0%, 45%)
CSS
color: #18558c;
CSS variable
--color-18558c: #18558c;
SCSS
$color-18558c: #18558c;
Tailwind
sky-600
Export
:root {
--#18558c-1: #18558c;
}Openness, clarity, and communication. Soft and approachable for modern interfaces.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Light Blue family.