Preview
#24344d
Family: Blue
Accessibility on this swatch:
Contrast vs white: 12.55:1 · vs black: 1.67:1
HEX
#24344d
RGB
rgb(36, 52, 77)
RGBA
rgba(36, 52, 77, 1)
HSL
hsl(217, 36%, 22%)
HSV
hsv(217, 53%, 30%)
LAB
lab(21.46% 1.58 -17.39)
LCH
lch(21.46% 17.46 275.19)
OKLAB
oklab(0.3233 -0.0094 -0.0487)
OKLCH
oklch(0.3233 0.0496 259.08)
XYZ
xyz(3.29, 3.37, 7.50)
CMYK
cmyk(53%, 32%, 0%, 70%)
CSS
color: #24344d;
CSS variable
--color-24344d: #24344d;
SCSS
$color-24344d: #24344d;
Tailwind
sky-700
Export
:root {
--#24344d-1: #24344d;
}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.