Preview
#7f87c3
Family: Blue
Accessibility on this swatch:
Contrast vs white: 3.41:1 · vs black: 6.16:1
HEX
#7f87c3
RGB
rgb(127, 135, 195)
RGBA
rgba(127, 135, 195, 1)
HSL
hsl(233, 36%, 63%)
HSV
hsv(233, 35%, 76%)
LAB
lab(57.83% 11.53 -32.15)
LCH
lch(57.83% 34.15 289.73)
OKLAB
oklab(0.6407 0.0121 -0.0895)
OKLCH
oklch(0.6407 0.0903 277.7)
XYZ
xyz(27.26, 25.78, 55.16)
CMYK
cmyk(35%, 31%, 0%, 24%)
CSS
color: #7f87c3;
CSS variable
--color-7f87c3: #7f87c3;
SCSS
$color-7f87c3: #7f87c3;
Tailwind
blue-300
Export
:root {
--spectrum-#7f87c3-1: #7f87c3;
}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.