Preview
#ebba75
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.78:1 · vs black: 11.81:1
HEX
#ebba75
RGB
rgb(235, 186, 117)
RGBA
rgba(235, 186, 117, 1)
HSL
hsl(35, 75%, 69%)
HSV
hsv(35, 50%, 92%)
LAB
lab(78.5% 9.41 41.51)
LCH
lch(78.5% 42.56 77.23)
OKLAB
oklab(0.8182 0.0268 0.1)
OKLCH
oklch(0.8182 0.1035 75)
XYZ
xyz(55.03, 54.07, 24.36)
CMYK
cmyk(0%, 21%, 50%, 8%)
CSS
color: #ebba75;
CSS variable
--color-ebba75: #ebba75;
SCSS
$color-ebba75: #ebba75;
Tailwind
red-300
Export
:root {
--#ebba75-1: #ebba75;
}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.