Preview
#748ccd
Family: Blue
Accessibility on this swatch:
Contrast vs white: 3.29:1 · vs black: 6.38:1
HEX
#748ccd
RGB
rgb(116, 140, 205)
RGBA
rgba(116, 140, 205, 1)
HSL
hsl(224, 47%, 63%)
HSV
hsv(224, 43%, 80%)
LAB
lab(58.86% 8.42 -36.24)
LCH
lch(58.86% 37.21 283.08)
OKLAB
oklab(0.6482 -0.0035 -0.1015)
OKLCH
oklch(0.6482 0.1016 268.03)
XYZ
xyz(27.60, 26.88, 61.48)
CMYK
cmyk(43%, 32%, 0%, 20%)
CSS
color: #748ccd;
CSS variable
--color-748ccd: #748ccd;
SCSS
$color-748ccd: #748ccd;
Tailwind
blue-300
Export
:root {
--spectrum-#748ccd-1: #748ccd;
}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.