Preview
#111f28
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 16.79:1 · vs black: 1.25:1
HEX
#111f28
RGB
rgb(17, 31, 40)
RGBA
rgba(17, 31, 40, 1)
HSL
hsl(203, 40%, 11%)
HSV
hsv(203, 57%, 16%)
LAB
lab(10.94% -2.87 -7.95)
LCH
lch(10.94% 8.45 250.15)
OKLAB
oklab(0.231 -0.014 -0.022)
OKLCH
oklch(0.231 0.0261 237.53)
XYZ
xyz(1.10, 1.25, 2.19)
CMYK
cmyk(58%, 22%, 0%, 84%)
CSS
color: #111f28;
CSS variable
--color-111f28: #111f28;
SCSS
$color-111f28: #111f28;
Tailwind
sky-900
Export
:root {
--#111f28-1: #111f28;
}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.