Preview
#dbc5a1
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.68:1 · vs black: 12.51:1
HEX
#dbc5a1
RGB
rgb(219, 197, 161)
RGBA
rgba(219, 197, 161, 1)
HSL
hsl(37, 45%, 75%)
HSV
hsv(37, 26%, 86%)
LAB
lab(80.5% 2.26 20.91)
LCH
lch(80.5% 21.03 83.83)
OKLAB
oklab(0.8328 0.0094 0.0533)
OKLCH
oklch(0.8328 0.0541 80)
XYZ
xyz(55.61, 57.57, 41.89)
CMYK
cmyk(0%, 10%, 26%, 14%)
CSS
color: #dbc5a1;
CSS variable
--color-dbc5a1: #dbc5a1;
SCSS
$color-dbc5a1: #dbc5a1;
Tailwind
red-200
Export
:root {
--#dbc5a1-1: #dbc5a1;
}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.