Color Palettes

Clementine color

A deep, juicy orange named after the small, sweet citrus fruit. It has a fresh, healthy feel that works well for food packaging, kitchens and playful fashion pieces.

Also known as: Clementine orange.

The hex code for clementine is #E96E00. In RGB it is rgb(233, 110, 0), in HSL hsl(28, 100%, 46%) and in CMYK 0, 53, 100, 9.

See it in real life

Pick a color to pair it with and see how it looks on clothes, interiors and design.

Colors similar to clementine

Pumpkin orange#FF7518Safety orange#FF7900Orange#FF8000Tangerine#F28500Persimmon#EC5800Burnt orange#CC5500

About clementine

Clementine (#E96E00) is a warm, mid-tone, highly saturated color. It belongs to the oranges family. It mixes 233 red, 110 green and 0 blue (out of 255). It is mostly used in food, kitchens, fashion.

Swatch of Clementine with its shades from light to dark · #E96E00
Clementine · #E96E00

Clementine shades and tints

From lightest to darkest. Tap a shade to copy its code.

See all its shades: Color shades generator

Clementine outfits: palettes by season

Outfit palettes with clementine or a very close shade, each with 8 outfits to copy.

StreetwearFall · MenStreetwearSummer · MenStreetwearWinter · Men

Clementine color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Blueberry
AnalogousClose to: Scarlet, Canary yellow
TriadicClose to: Spring green, Violet
Split complementaryClose to: Turquoise, Blue
TetradicClose to: Neon green, Blueberry, Magenta

Clementine color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Clementine
Analogous palette · Clementine
Complementary palette · Clementine
Triadic palette · Clementine
With neutrals palette · Clementine
With an accent palette · Clementine

Clementine contrast with text

White textContrast 3.1:1 · AA large text
Black textContrast 6.7:1 · AA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --clementine: #E96E00;
  --clementine-rgb: 233, 110, 0;
}
.bg { background-color: var(--clementine); }
.text { color: var(--clementine); }

Colors similar to clementine

Dark orangeCadmium orangeCinnamonMango

Where you'll see this color

InstagramBrandsMiami HurricanesTeam colorsVirginia CavaliersTeam colorsHouston AstrosTeam colorsSan Jose SharksTeam colors

Themed palettes with this color

More oranges

OrangeTangerinePumpkin orangeCarrot orangeApricotPeachCoralTerracottaBurnt orangeSalmonRustCopperNeon orangePastel orangeOrange redPersimmonMangoBurnt siennaLight salmonDark orangeSafety orangeAtomic tangerineMelonLiving coral
Swatch of Clementine with its shades from light to dark · #E96E00
Swatch of Clementine with its shades from light to dark · #E96E00

Try this next

Name color paletteType a name and get your own color story paletteBirthday Color PatternPlaids and stripes from your family's birthdaysColor TowerThe color palette game: stack blocks in a gradient
See all free tools →

Frequently asked questions

What is the hex code for clementine?

The hex code for clementine is #E96E00. In RGB it is rgb(233, 110, 0), in HSL hsl(28, 100%, 46%) and in CMYK 0, 53, 100, 9.

What is the complementary color of clementine?

Its complement on the color wheel is #007BE9, close to blueberry. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on clementine?

Use black text instead: the contrast with white is only 3.1:1, while with black it is 6.7:1.