Preview
#342a1b
Family: Orange
Accessibility on this swatch:
Contrast vs white: 14.07:1 · vs black: 1.49:1
HEX
#342a1b
RGB
rgb(52, 42, 27)
RGBA
rgba(52, 42, 27, 1)
HSL
hsl(36, 32%, 15%)
HSV
hsv(36, 48%, 20%)
LAB
lab(17.76% 2.02 11.53)
LCH
lch(17.76% 11.71 80.06)
OKLAB
oklab(0.2918 0.0064 0.0285)
OKLCH
oklch(0.2918 0.0292 77.34)
XYZ
xyz(2.44, 2.47, 1.38)
CMYK
cmyk(0%, 19%, 48%, 80%)
CSS
color: #342a1b;
CSS variable
--color-342a1b: #342a1b;
SCSS
$color-342a1b: #342a1b;
Tailwind
red-800
Export
:root {
--#342a1b-1: #342a1b;
}Creativity, enthusiasm, and friendliness. Approachable CTAs and lifestyle brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Orange family.