#CD5700
Orange family

Tawny

Also known as: earthy · rich · warm · natural · inviting
Save
Hex #CD5700
RGB rgb(205, 87, 0)
HSL hsl(25°, 100%, 40%)
CMYK 0 · 58 · 100 · 20

Meaning

In Western cultures, tawny often symbolizes warmth and approachability, while in some Native American traditions, it is associated with the earth and grounding. The color can convey both an inviting nature and a sense of resilience.

The term 'tawny' dates back to the 14th century, derived from the Middle English word 'tawny' meaning 'tanned' or 'leather-colored'. Historically, tawny was commonly used in the dyeing of wool, particularly in the traditional practices of the British Isles.

earthyrichwarmnaturalinviting

Similar colors

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

All 27 Oranges →

Shades & tints

Nine steps of Tawny by lightness — from #6B2D00 (darkest) to #E5A87A (lightest). Click any to copy.

-40% #6B2D00
-30% #833800
-20% #9C4200
-10% #B44D00
BASE #CD5700
+15% #D36B1F
+30% #D97F3D
+50% #DF935C
+70% #E5A87A

Complementary

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

Palettes

Curated 5-color combinations featuring Tawny.

#CD5700
#6B3F00
#F5F5F5
#FF8C00
#D2691E

Autumn Warmth

Cozy Vibes
#CD5700
#8B4513
#FFFFFF
#FF4500
#FFD700

Rustic Charm

Natural Elegance
#CD5700
#FFDEAD
#888888
#FFA500
#CD853F

Harvest Glow

Earthy Warmth

Tawny scale

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

50 #FBF2EB
100 #F6E1D1
200 #ECBF9E
300 #E29E6B
400 #D87A36
500 #CD5700
600 #A84700
700 #873900
800 #672C00
900 #461E00

Accessibility

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

Aa Best text color: #000000 · 4.96:1
Tawny as text on… Ratio AA AAA
Aa White background 4.23:1 Large only Fail
Aa Black background 4.96:1 Pass Large only

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 #CD5700

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

CSS color: #CD5700;
CSS color-mix (lighten 30%) color-mix(in srgb, #CD5700 70%, white)
HSV / HSB 25°, 100%, 80%
CMYK (print) 0, 58, 100, 20
Decimal 13457152
Nearest web-safe #CC6600

Color vision

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

Normal vision

#CD5700

Protanopia (no red)

#9A9915

Deuteranopia (no green)

#A1AA1A

Tritanopia (no blue)

#C72629
Turmeric
26 / 27 Oranges Nectarine
Copied!