Preview
#107ead
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 4.56:1 · vs black: 4.61:1
HEX
#107ead
RGB
rgb(16, 126, 173)
RGBA
rgba(16, 126, 173, 1)
HSL
hsl(198, 83%, 37%)
HSV
hsv(198, 91%, 68%)
LAB
lab(49.55% -11.07 -32.81)
LCH
lch(49.55% 34.63 251.36)
OKLAB
oklab(0.5599 -0.0662 -0.0928)
OKLCH
oklch(0.5599 0.114 234.5)
XYZ
xyz(15.21, 18.05, 42.21)
CMYK
cmyk(91%, 27%, 0%, 32%)
CSS
color: #107ead;
CSS variable
--color-107ead: #107ead;
SCSS
$color-107ead: #107ead;
Tailwind
cyan-600
Export
:root {
--#107ead-1: #107ead;
}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.