Preview
#36344d
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 11.96:1 · vs black: 1.76:1
HEX
#36344d
RGB
rgb(54, 52, 77)
RGBA
rgba(54, 52, 77, 1)
HSL
hsl(245, 19%, 25%)
HSV
hsv(245, 32%, 30%)
LAB
lab(22.92% 7.45 -15.01)
LCH
lch(22.92% 16.76 296.4)
OKLAB
oklab(0.3383 0.0131 -0.0415)
OKLCH
oklch(0.3383 0.0435 287.52)
XYZ
xyz(4.09, 3.78, 7.53)
CMYK
cmyk(30%, 32%, 0%, 70%)
CSS
color: #36344d;
CSS variable
--color-36344d: #36344d;
SCSS
$color-36344d: #36344d;
Tailwind
indigo-700
Export
:root {
--#36344d-1: #36344d;
}Intuition, depth, and sincerity. Common in enterprise software and thoughtful products.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Indigo family.