Preview
#693d18
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 9.21:1 · vs black: 2.28:1
HEX
#693d18
RGB
rgb(105, 61, 24)
RGBA
rgba(105, 61, 24, 1)
HSL
hsl(27, 63%, 25%)
HSV
hsv(27, 77%, 41%)
LAB
lab(30.42% 15.89 30.07)
LCH
lch(30.42% 34.01 62.15)
OKLAB
oklab(0.406 0.0427 0.0672)
OKLCH
oklch(0.406 0.0796 57.57)
XYZ
xyz(7.66, 6.41, 1.70)
CMYK
cmyk(0%, 42%, 77%, 59%)
CSS
color: #693d18;
CSS variable
--color-693d18: #693d18;
SCSS
$color-693d18: #693d18;
Tailwind
red-700
Export
:root {
--#693d18-1: #693d18;
}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.