Preview
#1f2993
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 11.69:1 · vs black: 1.8:1
HEX
#1f2993
RGB
rgb(31, 41, 147)
RGBA
rgba(31, 41, 147, 1)
HSL
hsl(235, 65%, 35%)
HSV
hsv(235, 79%, 58%)
LAB
lab(23.62% 34.99 -58.91)
LCH
lch(23.62% 68.52 300.71)
OKLAB
oklab(0.3559 0.0005 -0.1706)
OKLCH
oklch(0.3559 0.1706 270.17)
XYZ
xyz(6.62, 3.98, 28.02)
CMYK
cmyk(79%, 72%, 0%, 42%)
CSS
color: #1f2993;
CSS variable
--color-1f2993: #1f2993;
SCSS
$color-1f2993: #1f2993;
Tailwind
blue-600
Export
:root {
--#1f2993-1: #1f2993;
}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.