Maroon Colors  ·  Color Library

Palettes / Colors / #D35555

#D35555 — Red

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

#D35555 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 #55D3D3; it also sits naturally between #D35594 and #D39455. In the palettes below you can see it working alongside real color combinations from our collection.

#D35555 · RGB 211, 85, 85

Download PNG swatch SVG

Color values

HEX#D35555
RGB211, 85, 85
HSL0°, 59%, 58%
HSV0°, 60%, 83%
CMYK0%, 60%, 60%, 17%
XYZ31.75, 21.00, 10.97
Yxy21.00, 0.4982, 0.3296
CIE-Lab52.95, 49.73, 25.81
Hunter Lab45.83, 46.65, 15.98

RGB & CMYK percentages

Red 83% · Green 33% · Blue 33%

Cyan 0% · Magenta 60% · Yellow 60% · Key 17%

Previews

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

CSS code for #D35555

.text { color: #D35555; }
.background { background-color: #D35555; }
.border { border: 3px solid #D35555; }
.text-rgb { color: rgb(211, 85, 85); }
.text-hsl { color: hsl(0, 59%, 58%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #D35555; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(211, 85, 85, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #D35555; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(211, 85, 85, 0.8); }

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

Shades of #D35555

#CE4040#BF3131#AA2C2C#922626#7E2020#691B1B#511515#3D1010#240909#100404

Tints of #D35555

#D76565#DB7575#DF8181#E39292#E7A2A2#EBB2B2#EFC2C2#F2CECE#F7DFDF#FBEFEF

Tones of #D35555

#CB5D5D#C16767#B86F6F#AF7979#A68282#9C8B8B

Color harmonies

Complementary — #55D3D3:

Analogous:

Triadic:

Contrast & accessibility

Against white text4.04:1 AA large only
Against black text5.20:1 AA

Best text color on #D35555: #000000.

How #D35555 looks with color blindness

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

Protanopia · #9C9B55Deuteranopia · #A4AD55Tritanopia · #CD5555

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 red 500 · #EF4444Tailwind rose 500 · #F43F5E

Palettes with #D35555 or a close neighbour

Palette Ea7b7b
#EA7B7B · #D25353 · #9E3B3B · #FFEAD3
Palette Fae251
#FAE251 · #D75656 · #BD114A · #EEEEEE
Palette Dbf1f2
#DBF1F2 · #CD5555 · #882042 · #EFEDBB
Palette 89375f
#89375F · #CE5959 · #BACDDB · #F3E8FF
Smoky Ruby Marble
#B23D2D · #D2534D · #51C4D3 · #C3E9EB
Palette 96ceb4
#96CEB4 · #FFEEAD · #D9534F · #FFAD60

Similar colors

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

#D25353#D75656#CD5555#CE5959#D2534D#D9534F#D55E54#CE5B5A#DB525A#D34E4E#D25F59#D25D5D

Browse neighbouring colors

← #D35554  ·  #D35556 →

Frequently asked questions

What color is #D35555?

#D35555 is Red, a red color (RGB 211, 85, 85). Its closest standard named color is IndianRed.

What is the RGB and HSL of #D35555?

#D35555 is RGB 211, 85, 85 — HSL 0°, 59%, 58% — CMYK 0%, 60%, 60%, 17%.

What colors go with #D35555?

Its complement is #55D3D3; analogous partners are #D35594 and #D39455. It also appears in 6+ palettes in our collection.

Can I use #D35555 for text?

Black text on #D35555 has a contrast ratio of 5.20:1 (passes WCAG AA); white text gives 4.04:1.