#D85658

#D85658

Color Values

HEX

#D85658

RGB

216, 86, 88

HSL

359.1, 62.5%, 59.2%

HSV

359.1, 60.2%, 84.7%

CMYK

0.0%, 60.2%, 59.3%, 15.3%

OKLCH

0.6231 0.1639 22.2

Properties

Warm Light Nearest: indianred 3

Color Harmonies

Complementary

#D85658

#56D8D6

Analogous

#D85699

#D89556

#D85658

Triadic

#D85658

#58D856

#5658D8

Split Complementary

#D85658

#56D895

#5699D8

Tetradic

#D85658

#99D856

#56D8D6

#9556D8

Color Blindness Simulation

Original

#D85658

Protanopia

#A09F58

Deuteranopia

#A7B157

Tritanopia

#D25757

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#FBF3F3
100
#F7E4E4
200
#F2C5C6
300
#E89C9D
400
#DC6667
500
#CF3032
600
#A62628
700
#851F20
800
#681819
900
#4C1516
950
#300D0E

Contrast Checker

Text on white

3.89:1

AA Fail AAA Fail

Text on black

5.39: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