Preview
#2c3a48
Family: Blue
Accessibility on this swatch:
Contrast vs white: 11.63:1 · vs black: 1.81:1
HEX
#2c3a48
RGB
rgb(44, 58, 72)
RGBA
rgba(44, 58, 72, 1)
HSL
hsl(210, 24%, 23%)
HSV
hsv(210, 39%, 28%)
LAB
lab(23.77% -1.64 -10.44)
LCH
lch(23.77% 10.57 261.07)
OKLAB
oklab(0.3421 -0.0112 -0.0288)
OKLCH
oklch(0.3421 0.0309 248.75)
XYZ
xyz(3.72, 4.03, 6.71)
CMYK
cmyk(39%, 19%, 0%, 72%)
CSS
color: #2c3a48;
CSS variable
--color-2c3a48: #2c3a48;
SCSS
$color-2c3a48: #2c3a48;
Tailwind
sky-700
Export
:root {
--#2c3a48-1: #2c3a48;
}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.