Preview
#0078d4
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 4.53:1 · vs black: 4.64:1
HEX
#0078d4
RGB
rgb(0, 120, 212)
RGBA
rgba(0, 120, 212, 1)
HSL
hsl(206, 100%, 42%)
HSV
hsv(206, 100%, 83%)
LAB
lab(49.72% 7 -54.93)
LCH
lch(49.72% 55.37 277.26)
OKLAB
oklab(0.5677 -0.0534 -0.1578)
OKLCH
oklch(0.5677 0.1666 251.3)
XYZ
xyz(18.60, 18.18, 64.80)
CMYK
cmyk(100%, 43%, 0%, 17%)
CSS
color: #0078d4;
CSS variable
--color-0078d4: #0078d4;
SCSS
$color-0078d4: #0078d4;
Tailwind
sky-500
Export
:root {
--fluent-blue-1: #0078d4;
}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.