Preview
#1a322c
Family: Teal
Accessibility on this swatch:
Contrast vs white: 13.67:1 · vs black: 1.54:1
HEX
#1a322c
RGB
rgb(26, 50, 44)
RGBA
rgba(26, 50, 44, 1)
HSL
hsl(165, 32%, 15%)
HSV
hsv(165, 48%, 20%)
LAB
lab(18.72% -11.15 0.88)
LCH
lch(18.72% 11.18 175.49)
OKLAB
oklab(0.2953 -0.0322 0.0022)
OKLCH
oklch(0.2953 0.0323 176.09)
XYZ
xyz(2.02, 2.68, 2.79)
CMYK
cmyk(48%, 0%, 12%, 80%)
CSS
color: #1a322c;
CSS variable
--color-1a322c: #1a322c;
SCSS
$color-1a322c: #1a322c;
Tailwind
teal-800
Export
:root {
--#1a322c-1: #1a322c;
}Balance, healing, and sophistication. Popular in wellness and modern dashboards.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Teal family.