#E87722
Orange family

Clementine

Also known as: vibrant · cheerful · energetic · sunny · playful
Save
Hex #E87722
RGB rgb(232, 119, 34)
HSL hsl(26°, 81%, 52%)
CMYK 0 · 49 · 85 · 9
RAL RAL 2011 · Deep Orange
NCS S 1040-Y60R

RAL and NCS values are nearest equivalents, not official designations.

Meaning

In Western cultures, clementine symbolizes joy and vitality, often associated with the energy of youth. However, in certain Asian traditions, orange hues can represent wealth and prosperity, showcasing the color's versatility across different cultural contexts.

The name 'clementine' is derived from the hybrid citrus fruit created in 1902 by Father Clément Rodier in Algeria. The fruit's vibrant color inspired its use in design, and by the 21st century, it had become a favored shade in branding and fashion, celebrated for its lively appeal.

vibrantcheerfulenergeticsunnyplayful

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Clementine. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 27 Oranges →

Shades & tints

Nine steps of Clementine by lightness — from #793E12 (darkest) to #F3B88C (lightest). Click any to copy.

-40% #793E12
-30% #944C16
-20% #B05A1A
-10% #CC691E
BASE #E87722
+15% #EB873D
+30% #EE9857
+50% #F0A872
+70% #F3B88C

Complementary

Sitting opposite Clementine at 206° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Clementine.

#E87722
#FFB74D
#F5F5F5
#FF6F20
#D84315

Tropical Sunrise

Bright and uplifting
#E87722
#7D4C24
#FFFFFF
#FFAB40
#F57F17

Autumn Harvest

Warm and cozy
#E87722
#FFA726
#888888
#FFCC80
#FF7043

Citrus Splash

Fresh and invigorating

Clementine scale

A 50–900 tonal scale with Clementine anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #FDF4ED
100 #FBE7D7
200 #F6CBAB
300 #F2B07F
400 #ED9450
500 #E87722
600 #BE621C
700 #994F16
800 #743C11
900 #4F280C

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 7.09:1
Clementine as text on… Ratio AA AAA
Aa White background 2.96:1 Fail Fail
Aa Black background 7.09:1 Pass Pass

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #E87722

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #E87722;
CSS color-mix (lighten 30%) color-mix(in srgb, #E87722 70%, white)
HSV / HSB 26°, 85%, 91%
CMYK (print) 0, 49, 85, 9
Decimal 15234850
Nearest web-safe #FF6633

Color vision

How Clementine appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#E87722

Protanopia (no red)

#B7B637

Deuteranopia (no green)

#BEC63B

Tritanopia (no blue)

#E2474A
Carrot
24 / 27 Oranges Turmeric
Copied!