Preview
#172e4f
Family: Blue
Accessibility on this swatch:
Contrast vs white: 13.64:1 · vs black: 1.54:1
HEX
#172e4f
RGB
rgb(23, 46, 79)
RGBA
rgba(23, 46, 79, 1)
HSL
hsl(215, 55%, 20%)
HSV
hsv(215, 71%, 31%)
LAB
lab(18.8% 3.32 -22.96)
LCH
lch(18.8% 23.2 278.23)
OKLAB
oklab(0.3009 -0.0144 -0.0653)
OKLCH
oklch(0.3009 0.0669 257.56)
XYZ
xyz(2.74, 2.70, 7.77)
CMYK
cmyk(71%, 42%, 0%, 69%)
CSS
color: #172e4f;
CSS variable
--color-172e4f: #172e4f;
SCSS
$color-172e4f: #172e4f;
Tailwind
sky-800
Export
:root {
--#172e4f-1: #172e4f;
}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.