Preview
#363a8c
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 9.81:1 · vs black: 2.14:1
HEX
#363a8c
RGB
rgb(54, 58, 140)
RGBA
rgba(54, 58, 140, 1)
HSL
hsl(237, 44%, 38%)
HSV
hsv(237, 61%, 55%)
LAB
lab(28.65% 24.51 -46.29)
LCH
lch(28.65% 52.38 297.9)
OKLAB
oklab(0.3947 0.0146 -0.1329)
OKLCH
oklch(0.3947 0.1337 276.27)
XYZ
xyz(7.77, 5.70, 25.50)
CMYK
cmyk(61%, 59%, 0%, 45%)
CSS
color: #363a8c;
CSS variable
--color-363a8c: #363a8c;
SCSS
$color-363a8c: #363a8c;
Tailwind
blue-600
Export
:root {
--#363a8c-1: #363a8c;
}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.