#D5585C

#D5585C

Color Values

HEX

#D5585C

RGB

213, 88, 92

HSL

358.1, 59.8%, 59.0%

HSV

358.1, 58.7%, 83.5%

CMYK

0.0%, 58.7%, 56.8%, 16.5%

OKLCH

0.6219 0.158 21.0

Properties

Warm Light Nearest: indianred 3

Color Harmonies

Complementary

#D5585C

#58D5D1

Analogous

#D5589A

#D59258

#D5585C

Triadic

#D5585C

#5CD558

#585CD5

Split Complementary

#D5585C

#58D592

#589AD5

Tetradic

#D5585C

#9AD558

#58D5D1

#9258D5

Color Blindness Simulation

Original

#D5585C

Protanopia

#9F9E5B

Deuteranopia

#A6B05B

Tritanopia

#CF5A5A

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#FBF3F4
100
#F6E4E5
200
#F1C6C7
300
#E69DA0
400
#D9686C
500
#CC3338
600
#A3292D
700
#822124
800
#661A1C
900
#4B1618
950
#2F0E0F

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

5.38:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026