Maroon Colors  ·  Color Library

Palettes / Colors / #CD7D65

#CD7D65 — Muted Brown

#CD7D65 is a brown color we call Muted Brown, closest to the named color IndianRed (#CD5C5C). It belongs to the brown family.

Color name

Closest CSS keyword: indianred (#CD5C5C) — not an exact match. CSS indianred gives you #CD5C5C, a different color; use #CD7D65 when you need this exact shade.

Sources: common names follow widely used color-name references; CSS keywords and their hex values follow the CSS Color specification.

#CD7D65 is a warm brown color associated with earthiness, stability and comfort. It sits comfortably in the middle: usable for large areas in soft schemes, or as a supporting color beside something stronger.

Its strongest partner is its complement #65B5CD; it also sits naturally between #CD6581 and #CDB165. In the palettes below you can see it working alongside real color combinations from our collection.

#CD7D65 · RGB 205, 125, 101

Download PNG swatch SVG

Color values

HEX#CD7D65
RGB205, 125, 101
HSL14°, 51%, 60%
HSV14°, 51%, 80%
CMYK0%, 39%, 51%, 20%
XYZ34.86, 28.59, 15.99
Yxy28.59, 0.4388, 0.3599
CIE-Lab60.41, 28.53, 26.23
Hunter Lab53.47, 26.08, 17.43

RGB & CMYK percentages

Red 80% · Green 49% · Blue 40%

Cyan 0% · Magenta 39% · Yellow 51% · Key 20%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #CD7D65 on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #CD7D65 on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #CD7D65

.text { color: #CD7D65; }
.background { background-color: #CD7D65; }
.border { border: 3px solid #CD7D65; }
.text-rgb { color: rgb(205, 125, 101); }
.text-hsl { color: hsl(14, 51%, 60%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #CD7D65; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(205, 125, 101, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #CD7D65; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(205, 125, 101, 0.8); }

HTML: <p style="color:#CD7D65">Text here</p> · <div style="background-color:#CD7D65">Div content here</div>

Shades of #CD7D65

#C66A4E#BD5B3D#A65036#92472F#7B3B28#643020#51271A#3A1C13#27130C#0F0705

Tints of #CD7D65

#D28A74#D69480#DBA18F#DFAB9B#E4B8AA#E9C5BA#ECCEC5#F1DBD5#F5E5E0#FAF2F0

Tones of #CD7D65

#C6816C#BE8574#B7897B#AF8D83#A8918A#A09592

Color harmonies

Complementary — #65B5CD:

Analogous:

Triadic:

Contrast & accessibility

Against white text3.13:1 AA large only
Against black text6.72:1 AA

Best text color on #CD7D65: #000000.

Semi-transparent (opacity) text on #CD7D65

Text set with opacity blends into the background, so its real contrast is lower than the solid ratios above. Choose a text color and an opacity to see the blended color and its true ratio:

100%
Sample heading text
Smaller body text shows the effect best.

Blended color: · Contrast against #CD7D65: ·

How #CD7D65 looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #AAAA6BDeuteranopia · #AFB56CTritanopia · #C96F70

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Tailwind rose 500 · #F43F5ETailwind red 500 · #EF4444Bootstrap danger · #DC3545

Palettes with a similar color

These palettes use a close neighbour of #CD7D65 rather than the exact color:

Cosmic Aurora
#A52EB4 · #DB64B4 · #87243A · #D27D63
Amber Canyon
#3186A7 · #82B5DA · #D18262 · #E7C5C1
Palette D34e4e
#D34E4E · #F9E7B2 · #DDC57A · #CE7E5A
Palette A75d5d
#A75D5D · #D3756B · #F0997D · #FFC3A1
Palette 2d3c59
#2D3C59 · #94A378 · #E5BA41 · #D1855C
Amber Ruby Whisper
#359857 · #6B42BC · #CA8968 · #BCDDC7

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#D27D63#D18262#CE7E5A#D3756B#D1855C#CA8968#C47A6E#DA8067#D1706A#C08261#DA795E#CD7856

Browse neighbouring colors

← #CD7D64  ·  #CD7D66 →

Frequently asked questions

What color is #CD7D65?

#CD7D65 is Muted Brown, a brown color (RGB 205, 125, 101). Its closest standard named color is IndianRed.

What is the RGB and HSL of #CD7D65?

#CD7D65 is RGB 205, 125, 101 — HSL 14°, 51%, 60% — CMYK 0%, 39%, 51%, 20%.

What colors go with #CD7D65?

Its complement is #65B5CD; analogous partners are #CD6581 and #CDB165. It also appears in 6+ palettes in our collection.

Can I use #CD7D65 for text?

Black text on #CD7D65 has a contrast ratio of 6.72:1 (passes WCAG AA); white text gives 3.13:1.