Maroon Colors  ·  Color Library

Palettes / Colors / #CD4263

#CD4263 — Red

#CD4263 is a red color we call Red, closest to the named color IndianRed (#CD5C5C). It belongs to the red family.

Color name

Closest CSS keyword: indianred (#CD5C5C) — not an exact match. CSS indianred gives you #CD5C5C, a different color; use #CD4263 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.

#CD4263 is a warm red color associated with energy, passion and urgency. 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 #42CDAC; it also sits naturally between #CD42A8 and #CD6742. In the palettes below you can see it working alongside real color combinations from our collection.

#CD4263 · RGB 205, 66, 99

Download PNG swatch SVG

Color values

HEX#CD4263
RGB205, 66, 99
HSL346°, 58%, 53%
HSV346°, 68%, 80%
CMYK0%, 68%, 52%, 20%
XYZ29.38, 17.78, 13.69
Yxy17.78, 0.4829, 0.2922
CIE-Lab49.22, 56.92, 12.27
Hunter Lab42.16, 53.68, 8.28

RGB & CMYK percentages

Red 80% · Green 26% · Blue 39%

Cyan 0% · Magenta 68% · Yellow 52% · Key 20%

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

Previews

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

CSS code for #CD4263

.text { color: #CD4263; }
.background { background-color: #CD4263; }
.border { border: 3px solid #CD4263; }
.text-rgb { color: rgb(205, 66, 99); }
.text-hsl { color: hsl(346, 58%, 53%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #CD4263; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(205, 66, 99, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #CD4263; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(205, 66, 99, 0.8); }

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

Shades of #CD4263

#C13355#AD2E4C#992943#85233A#751F33#611A2A#4D1421#380F19#240A10#100407

Tints of #CD4263

#D1526F#D66680#DB768D#DF869B#E49AAC#E9AAB9#EDBBC6#F1CBD4#F6DFE4#FBEFF2

Tones of #CD4263

#C34B67#B8566D#AF6072#A56977#9C737C#917E82

Color harmonies

Complementary — #42CDAC:

Analogous:

Triadic:

Contrast & accessibility

Against white text4.61:1 AA
Against black text4.56:1 AA

Best text color on #CD4263: #FFFFFF.

Semi-transparent (opacity) text on #CD4263

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 #CD4263: ·

How #CD4263 looks with color blindness

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

Protanopia · #91905BDeuteranopia · #99A359Tritanopia · #C65553

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:

Bootstrap danger · #DC3545Tailwind pink 600 · #DB2777Tailwind rose 500 · #F43F5E

Palettes with a similar color

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

Hidden Ruby Opal
#733A8D · #AD48A9 · #68244D · #C84364
Palette Cf455c
#CF455C · #FFDD67 · #FF8A5C · #444444
Palette Fff7eb
#FFF7EB · #F9F0E0 · #A2AB73 · #CC3A63
Serene Solace
#B435DA · #B82494 · #D4436C · #E58771
Gentle Summit
#345FAF · #C53C6B · #8BD165 · #CED9E9
Palette 9a1f40
#9A1F40 · #D9455F · #74D4C0 · #DEF4F0

Similar colors

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

#C84364#CF455C#CC3A63#D4436C#C53C6B#D9455F#C63767#DB4362#CA3466#D45060#CF4173#C64272

Browse neighbouring colors

← #CD4262  ·  #CD4264 →

Frequently asked questions

What color is #CD4263?

#CD4263 is Red, a red color (RGB 205, 66, 99). Its closest standard named color is IndianRed.

What is the RGB and HSL of #CD4263?

#CD4263 is RGB 205, 66, 99 — HSL 346°, 58%, 53% — CMYK 0%, 68%, 52%, 20%.

What colors go with #CD4263?

Its complement is #42CDAC; analogous partners are #CD42A8 and #CD6742. It also appears in 6+ palettes in our collection.

Can I use #CD4263 for text?

White text on #CD4263 has a contrast ratio of 4.61:1 (passes WCAG AA); black text gives 4.56:1.