Preview
#3a97df
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 3.15:1 · vs black: 6.67:1
HEX
#3a97df
RGB
rgb(58, 151, 223)
RGBA
rgba(58, 151, 223, 1)
HSL
hsl(206, 72%, 55%)
HSV
hsv(206, 74%, 87%)
LAB
lab(60.21% -3.4 -44.36)
LCH
lch(60.21% 44.49 265.62)
OKLAB
oklab(0.6546 -0.0567 -0.1259)
OKLCH
oklch(0.6546 0.1381 245.76)
XYZ
xyz(26.13, 28.36, 73.89)
CMYK
cmyk(74%, 32%, 0%, 13%)
CSS
color: #3a97df;
CSS variable
--color-3a97df: #3a97df;
SCSS
$color-3a97df: #3a97df;
Tailwind
sky-400
Export
:root {
--#3a97df-1: #3a97df;
}Openness, clarity, and communication. Soft and approachable for modern interfaces.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Light Blue family.