Preview
#006699
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 6.25:1 · vs black: 3.36:1
HEX
#006699
RGB
rgb(0, 102, 153)
RGBA
rgba(0, 102, 153, 1)
HSL
hsl(200, 100%, 30%)
HSV
hsv(200, 100%, 60%)
LAB
lab(40.9% -5.35 -34.67)
LCH
lch(40.9% 35.08 261.23)
OKLAB
oklab(0.4874 -0.0553 -0.0987)
OKLCH
oklch(0.4874 0.1131 240.74)
XYZ
xyz(10.50, 11.80, 31.86)
CMYK
cmyk(100%, 33%, 0%, 40%)
CSS
color: #006699;
CSS variable
--color-006699: #006699;
SCSS
$color-006699: #006699;
Tailwind
sky-700
Export
:root {
--web-safe-#006699-1: #006699;
}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.