#D95657

#D95657

Color Values

HEX

#D95657

RGB

217, 86, 87

HSL

359.5, 63.3%, 59.4%

HSV

359.5, 60.4%, 85.1%

CMYK

0.0%, 60.4%, 59.9%, 14.9%

OKLCH

0.6244 0.1651 22.7

Properties

Warm Light Nearest: Mahogany

Color Harmonies

Complementary

#D95657

#56D9D8

Analogous

#D95699

#D99656

#D95657

Triadic

#D95657

#57D956

#5657D9

Split Complementary

#D95657

#56D996

#5699D9

Tetradic

#D95657

#99D956

#56D9D8

#9656D9

Color Blindness Simulation

Original

#D95657

Protanopia

#A09F57

Deuteranopia

#A8B257

Tritanopia

#D25757

Achromatopsia

#727272

CSS Usage

background-color: #D95657;
color: #D95657;
border-color: #D95657;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FBF3F3
100
#F7E4E4
200
#F2C5C5
300
#E99B9C
400
#DC6566
500
#D02F30
600
#A72527
700
#851E1F
800
#681718
900
#4C1515
950
#300D0D

Contrast Checker

Text on white

3.88:1

AA Fail AAA Fail

Text on black

5.42:1

AA Pass AAA Fail

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