Preview
#6699ff
Family: Blue
Accessibility on this swatch:
Contrast vs white: 2.78:1 · vs black: 7.57:1
HEX
#6699ff
RGB
rgb(102, 153, 255)
RGBA
rgba(102, 153, 255, 1)
HSL
hsl(220, 100%, 70%)
HSV
hsv(220, 60%, 100%)
LAB
lab(64.02% 13.18 -55.85)
LCH
lch(64.02% 57.38 283.28)
OKLAB
oklab(0.6941 -0.0199 -0.1588)
OKLCH
oklch(0.6941 0.16 262.86)
XYZ
xyz(34.91, 32.82, 99.08)
CMYK
cmyk(60%, 40%, 0%, 0%)
CSS
color: #6699ff;
CSS variable
--color-6699ff: #6699ff;
SCSS
$color-6699ff: #6699ff;
Tailwind
blue-300
Export
:root {
--web-safe-#6699ff-1: #6699ff;
}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.