Preview
#6f80eb
Family: Blue
Accessibility on this swatch:
Contrast vs white: 3.52:1 · vs black: 5.96:1
HEX
#6f80eb
RGB
rgb(111, 128, 235)
RGBA
rgba(111, 128, 235, 1)
HSL
hsl(232, 76%, 68%)
HSV
hsv(232, 53%, 92%)
LAB
lab(56.89% 23.43 -56.16)
LCH
lch(56.89% 60.85 292.65)
OKLAB
oklab(0.6372 0.0116 -0.1598)
OKLCH
oklch(0.6372 0.1602 274.15)
XYZ
xyz(29.27, 24.81, 81.83)
CMYK
cmyk(53%, 46%, 0%, 8%)
CSS
color: #6f80eb;
CSS variable
--color-6f80eb: #6f80eb;
SCSS
$color-6f80eb: #6f80eb;
Tailwind
blue-300
Export
:root {
--spectrum-#6f80eb-1: #6f80eb;
}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.