Preview
#102fe0
Family: Blue
Accessibility on this swatch:
Contrast vs white: 8.38:1 · vs black: 2.51:1
HEX
#102fe0
RGB
rgb(16, 47, 224)
RGBA
rgba(16, 47, 224, 1)
HSL
hsl(231, 87%, 47%)
HSV
hsv(231, 93%, 88%)
LAB
lab(32.97% 57.19 -89.15)
LCH
lch(32.97% 105.92 302.68)
OKLAB
oklab(0.4462 -0.0213 -0.2585)
OKLCH
oklch(0.4462 0.2594 265.29)
XYZ
xyz(14.68, 7.52, 71.18)
CMYK
cmyk(93%, 79%, 0%, 12%)
CSS
color: #102fe0;
CSS variable
--color-102fe0: #102fe0;
SCSS
$color-102fe0: #102fe0;
Tailwind
blue-500
Export
:root {
--spectrum-#102fe0-1: #102fe0;
}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.