Preview
#1677ff
Family: Blue
Accessibility on this swatch:
Contrast vs white: 4.1:1 · vs black: 5.12:1
HEX
#1677ff
RGB
rgb(22, 119, 255)
RGBA
rgba(22, 119, 255, 1)
HSL
hsl(215, 100%, 54%)
HSV
hsv(215, 91%, 100%)
LAB
lab(52.49% 25.03 -74.52)
LCH
lch(52.49% 78.61 288.57)
OKLAB
oklab(0.5987 -0.0417 -0.2153)
OKLCH
oklch(0.5987 0.2193 259.04)
XYZ
xyz(24.97, 20.58, 97.24)
CMYK
cmyk(91%, 53%, 0%, 0%)
CSS
color: #1677ff;
CSS variable
--color-1677ff: #1677ff;
SCSS
$color-1677ff: #1677ff;
Tailwind
sky-400
Export
:root {
--ant-primary-1: #1677ff;
}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.