#432E2E

Accessibility

AAA

12.58:1

Vs white / black

12.58:1 · 1.67:1

Sources

Library color

Click any stop to open

Codes

Formats

HEX

#432e2e

RGB

rgb(67, 46, 46)

RGBA

rgba(67, 46, 46, 1)

HSL

hsl(0, 19%, 22%)

HSV

hsv(0, 31%, 26%)

LAB

lab(21.37% 9.65 3.83)

LCH

lch(21.37% 10.38 21.65)

OKLAB

oklab(0.3259 0.0294 0.0101)

OKLCH

oklch(0.3259 0.0311 18.96)

XYZ

xyz(3.78, 3.34, 3.03)

CMYK

cmyk(0%, 31%, 31%, 74%)

CSS

color: #432e2e;

CSS variable

--color-432e2e: #432e2e;

SCSS

$color-432e2e: #432e2e;

Tailwind

slate-700

Export

Developer code

:root {
  --#432e2e-1: #432e2e;
}

Palette

Tints & shades

Full scale from light tints through the base color into deep shades

efeeee e0dcdc d0cbcb c0b9b9 b1a8a8 a19797 918585 827474 726262 625151 533f3f 432e2e 3d2a2a 382626 322323 2d1f1f 271b1b 221717 1c1313 160f0f 110c0c 0b0808 060404

Palette

Tints

Mixed toward white — soft backgrounds and highlights

efeeee e0dcdc d0cbcb c0b9b9 b1a8a8 a19797 918585 827474 726262 625151 533f3f

Palette

Shades

Mixed toward black — depth, text, and emphasis

3d2a2a 382626 322323 2d1f1f 271b1b 221717 1c1313 160f0f 110c0c 0b0808 060404

Palette

Tones

Mixed toward neutral grey — muted UI surfaces

483535 4d3c3c 524343 574949 5c5050 625757 675e5e 6c6565 716c6c 767272 7b7979

Harmony

Complementary

Opposite on the color wheel for contrast

#432E2EStop 1 #2D4343Stop 2

Harmony

Analogous

Neighbors that sit comfortably together

#432D38Stop 1 #432E2EStop 2 #43382DStop 3

Harmony

Triadic

Evenly spaced triad for vibrant sets

#432E2EStop 1 #2D432DStop 2 #2D2D43Stop 3

Harmony

Split complementary

Base plus two accents beside the complement

#432E2EStop 1 #2D4338Stop 2 #2D3843Stop 3

Harmony

Monochromatic

Same hue, varied lightness and saturation

#3D2929Stop 1 #6A4848Stop 2 #986767Stop 3 #B79595Stop 4 #D6C2C2Stop 5

Meaning

Color psychology

Energy, urgency, passion, and excitement. Often used for CTAs, alerts, and brands that want attention.

Common uses: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Red family.

Similar & related colors

Nearby colors from the library by perceptual distance

Web Safe #333333#333333 Material Grey 800#424242 Material Grey 900#212121 Bootstrap dark#212529 Material You On Surface#1C1B1F Web Safe #663333#663333 Spectrum #694130#694130 Tailwind slate 800#1E293B Tailwind orange 950#431407 Spectrum #6D3A2C#6D3A2C Tailwind slate 700#334155 Fluent Gray#605E5C