Preview
#c77f65
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 3.16:1 · vs black: 6.65:1
HEX
#c77f65
RGB
rgb(199, 127, 101)
RGBA
rgba(199, 127, 101, 1)
HSL
hsl(16, 47%, 59%)
HSV
hsv(16, 49%, 78%)
LAB
lab(60.13% 25.04 25.71)
LCH
lch(60.13% 35.89 45.76)
OKLAB
oklab(0.6657 0.074 0.0634)
OKLCH
oklch(0.6657 0.0974 40.59)
XYZ
xyz(33.49, 28.26, 16.00)
CMYK
cmyk(0%, 36%, 49%, 22%)
CSS
color: #c77f65;
CSS variable
--color-c77f65: #c77f65;
SCSS
$color-c77f65: #c77f65;
Tailwind
slate-400
Export
:root {
--#c77f65-1: #c77f65;
}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.