Preview
#c98e5e
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.79:1 · vs black: 7.51:1
HEX
#c98e5e
RGB
rgb(201, 142, 94)
RGBA
rgba(201, 142, 94, 1)
HSL
hsl(27, 50%, 58%)
HSV
hsv(27, 53%, 79%)
LAB
lab(63.81% 17.01 34.34)
LCH
lch(63.81% 38.32 63.65)
OKLAB
oklab(0.6944 0.0489 0.0827)
OKLCH
oklch(0.6944 0.0961 59.4)
XYZ
xyz(35.78, 32.57, 14.99)
CMYK
cmyk(0%, 29%, 53%, 21%)
CSS
color: #c98e5e;
CSS variable
--color-c98e5e: #c98e5e;
SCSS
$color-c98e5e: #c98e5e;
Tailwind
red-400
Export
:root {
--#c98e5e-1: #c98e5e;
}Bold warmth and intensity. Strong for food, sports, and energetic identities.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Deep Orange family.