#DD877C

#DD877C

Color Values

HEX

#DD877C

RGB

221, 135, 124

HSL

6.8, 58.8%, 67.6%

HSV

6.8, 43.9%, 86.7%

CMYK

0.0%, 38.9%, 43.9%, 13.3%

OKLCH

0.7111 0.1077 27.9

Properties

Warm Light Nearest: NCS S 0530-R10B Rose

Color Harmonies

Complementary

#DD877C

#7CD2DD

Analogous

#DD7CA1

#DDB77C

#DD877C

Triadic

#DD877C

#7CDD87

#877CDD

Split Complementary

#DD877C

#7CDDB7

#7CA1DD

Tetradic

#DD877C

#A1DD7C

#7CD2DD

#B77CDD

Color Blindness Simulation

Original

#DD877C

Protanopia

#B8B77F

Deuteranopia

#BDC37F

Tritanopia

#D98181

Achromatopsia

#989898

CSS Usage

background-color: #DD877C;
color: #DD877C;
border-color: #DD877C;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FBF4F4
100
#F6E6E4
200
#F0CBC6
300
#E6A69E
400
#D87669
500
#CA4635
600
#A2382A
700
#822C22
800
#65231A
900
#4A1D17
950
#2F120E

Contrast Checker

Text on white

2.68:1

AA Fail AAA Fail

Text on black

7.83:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026