Preview
#718be0
Family: Blue
Accessibility on this swatch:
Contrast vs white: 3.24:1 · vs black: 6.47:1
HEX
#718be0
RGB
rgb(113, 139, 224)
RGBA
rgba(113, 139, 224, 1)
HSL
hsl(226, 64%, 66%)
HSV
hsv(226, 50%, 88%)
LAB
lab(59.3% 13.92 -46.19)
LCH
lch(59.3% 48.24 286.77)
OKLAB
oklab(0.6541 -0.0007 -0.1305)
OKLCH
oklch(0.6541 0.1305 269.69)
XYZ
xyz(29.49, 27.36, 74.23)
CMYK
cmyk(50%, 38%, 0%, 12%)
CSS
color: #718be0;
CSS variable
--color-718be0: #718be0;
SCSS
$color-718be0: #718be0;
Tailwind
blue-300
Export
:root {
--spectrum-#718be0-1: #718be0;
}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.