Preview
#10709c
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 5.5:1 · vs black: 3.82:1
HEX
#10709c
RGB
rgb(16, 112, 156)
RGBA
rgba(16, 112, 156, 1)
HSL
hsl(199, 81%, 34%)
HSV
hsv(199, 90%, 61%)
LAB
lab(44.37% -9.35 -30.97)
LCH
lch(44.37% 32.35 253.2)
OKLAB
oklab(0.516 -0.0595 -0.0877)
OKLCH
oklch(0.516 0.106 235.85)
XYZ
xyz(12.01, 14.10, 33.53)
CMYK
cmyk(90%, 28%, 0%, 39%)
CSS
color: #10709c;
CSS variable
--color-10709c: #10709c;
SCSS
$color-10709c: #10709c;
Tailwind
cyan-600
Export
:root {
--#10709c-1: #10709c;
}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.