#dc3545

Bootstrap red-500

Color code information, RGB and HSL conversion values, WCAG accessibility contrast ratios, color harmonies, tints, and shades for #dc3545.

Color Swatch#DC3545

Best Text: White

The quick brown fox jumps over the lazy dog.

Sample typography preview rendered in #ffffff (white) text for optimal readability.

Color Values & Conversions

HEX#dc3545

RGBrgb(220, 53, 69)

HSLhsl(354, 70%, 54%)

CMYKcmyk(0%, 76%, 69%, 14%)

WCAG Contrast Ratios

Contrast evaluation under WCAG 2.1 standards. Normal text requires 4.5:1 (AA) or 7.0:1 (AAA). Large text (≥18pt or 14pt bold) requires 3.0:1 (AA) or 4.5:1 (AAA).

Against White4.53:1

White Text Preview

Normal AA:Pass

Normal AAA:Fail

Large AA:Pass

Large AAA:Pass

Against Black4.17:1

Black Text Preview

Normal AA:Fail

Normal AAA:Fail

Large AA:Pass

Large AAA:Fail

Color Harmonies

Complementary (180°)

#dc3545Base

#38dccbComplement

Triadic (±120°)

#dc3545Base

#48dc38+120°

#3848dc-120°

Analogous (±30°)

#dc389a-30°

#dc3545Base

#dc7938+30°

Tints & Shades

Tints (Mixing toward White)

#e15361+15%

#e7727d+30%

#ec9099+45%

#f1aeb5+60%

#f6cdd1+75%

Shades (Mixing toward Black)

#bb2d3b-15%

#9a2530-30%

#791d26-45%

#58151c-60%

#370d11-75%

Color Names

bootstrap-red-500Bootstrap 5

Also known as:

bootstrap-red-500

Want to extract colors from an image?

Upload or drag any photo, screenshot, or graphic to sample pixel-exact colors with a 10× zoom loupe, extract dominant palettes, and copy CSS variables.

Pick colours from your own image →