Preview
#78bcff
Family: Blue
Accessibility on this swatch:
Contrast vs white: 2.01:1 · vs black: 10.44:1
HEX
#78bcff
RGB
rgb(120, 188, 255)
RGBA
rgba(120, 188, 255, 1)
HSL
hsl(210, 100%, 74%)
HSV
hsv(210, 53%, 100%)
LAB
lab(74.3% -3.11 -39.61)
LCH
lch(74.3% 39.73 265.51)
OKLAB
oklab(0.7766 -0.0421 -0.111)
OKLCH
oklch(0.7766 0.1187 249.23)
XYZ
xyz(43.77, 47.18, 101.39)
CMYK
cmyk(53%, 26%, 0%, 0%)
CSS
color: #78bcff;
CSS variable
--color-78bcff: #78bcff;
SCSS
$color-78bcff: #78bcff;
Tailwind
sky-200
Export
:root {
--#78bcff-1: #78bcff;
}Trust, calm, and professionalism. The most used color in SaaS, finance, and healthcare.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Blue family.