Preview
#4665af
Family: Blue
Accessibility on this swatch:
Contrast vs white: 5.61:1 · vs black: 3.74:1
HEX
#4665af
RGB
rgb(70, 101, 175)
RGBA
rgba(70, 101, 175, 1)
HSL
hsl(222, 43%, 48%)
HSV
hsv(222, 60%, 69%)
LAB
lab(43.8% 11.91 -42.95)
LCH
lch(43.8% 44.57 285.5)
OKLAB
oklab(0.5196 -0.0101 -0.1222)
OKLCH
oklch(0.5196 0.1226 265.28)
XYZ
xyz(14.91, 13.70, 42.41)
CMYK
cmyk(60%, 42%, 0%, 31%)
CSS
color: #4665af;
CSS variable
--color-4665af: #4665af;
SCSS
$color-4665af: #4665af;
Tailwind
blue-500
Export
:root {
--spectrum-#4665af-1: #4665af;
}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.