Preview
#3387cc
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 3.83:1 · vs black: 5.48:1
HEX
#3387cc
RGB
rgb(51, 135, 204)
RGBA
rgba(51, 135, 204, 1)
HSL
hsl(207, 60%, 50%)
HSV
hsv(207, 75%, 80%)
LAB
lab(54.44% -1.7 -42.83)
LCH
lch(54.44% 42.86 267.73)
OKLAB
oklab(0.6055 -0.0511 -0.1217)
OKLCH
oklch(0.6055 0.132 247.22)
XYZ
xyz(20.92, 22.39, 60.33)
CMYK
cmyk(75%, 34%, 0%, 20%)
CSS
color: #3387cc;
CSS variable
--color-3387cc: #3387cc;
SCSS
$color-3387cc: #3387cc;
Tailwind
sky-500
Export
:root {
--#3387cc-1: #3387cc;
}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.