Preview
#4194be
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 3.38:1 · vs black: 6.2:1
HEX
#4194be
RGB
rgb(65, 148, 190)
RGBA
rgba(65, 148, 190, 1)
HSL
hsl(200, 49%, 50%)
HSV
hsv(200, 66%, 75%)
LAB
lab(58.06% -11.93 -29.21)
LCH
lch(58.06% 31.55 247.78)
OKLAB
oklab(0.6332 -0.0602 -0.0819)
OKLCH
oklch(0.6332 0.1016 233.68)
XYZ
xyz(22.06, 26.02, 52.56)
CMYK
cmyk(66%, 22%, 0%, 25%)
CSS
color: #4194be;
CSS variable
--color-4194be: #4194be;
SCSS
$color-4194be: #4194be;
Tailwind
sky-500
Export
:root {
--#4194be-1: #4194be;
}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.