Preview
#64a4ed
Family: Blue
Accessibility on this swatch:
Contrast vs white: 2.6:1 · vs black: 8.07:1
HEX
#64a4ed
RGB
rgb(100, 164, 237)
RGBA
rgba(100, 164, 237, 1)
HSL
hsl(212, 79%, 66%)
HSV
hsv(212, 58%, 93%)
LAB
lab(66.04% 0.67 -42.82)
LCH
lch(66.04% 42.83 270.9)
OKLAB
oklab(0.7067 -0.0373 -0.1207)
OKLCH
oklch(0.7067 0.1263 252.83)
XYZ
xyz(33.81, 35.37, 85.15)
CMYK
cmyk(58%, 31%, 0%, 7%)
CSS
color: #64a4ed;
CSS variable
--color-64a4ed: #64a4ed;
SCSS
$color-64a4ed: #64a4ed;
Tailwind
sky-300
Export
:root {
--spectrum-#64a4ed-1: #64a4ed;
}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.