Preview
#4654a2
HEX
#4654a2
RGB
rgb(70, 84, 162)
RGBA
rgba(70, 84, 162, 1)
HSL
hsl(231, 40%, 45%)
HSV
hsv(231, 57%, 64%)
LAB
lab(38.29% 18.32 -44.07)
LCH
lch(38.29% 47.73 292.57)
OKLAB
oklab(0.4749 0.0067 -0.1257)
OKLCH
oklch(0.4749 0.1259 273.05)
XYZ
xyz(12.22, 10.25, 35.51)
CMYK
cmyk(57%, 48%, 0%, 36%)
CSS
color: #4654a2;
CSS variable
--color-4654a2: #4654a2;
SCSS
$color-4654a2: #4654a2;
Tailwind
blue-500
Export
:root {
--#4654a2-1: #4654a2;
}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.