#DF585B

#DF585B

Color Values

HEX

#DF585B

RGB

223, 88, 91

HSL

358,7, 67,8%, 61,0%

HSV

358,7, 60,5%, 87,5%

CMYK

0,0%, 60,5%, 59,2%, 12,5%

OKLCH

0,6368 0,1691 21,9

Properties

Warm Light Nearest: indianred 2

Color Harmonies

Complementary

#DF585B

#58DFDC

Analogous

#DF589E

#DF9958

#DF585B

Triadic

#DF585B

#5BDF58

#585BDF

Split Complementary

#DF585B

#58DF99

#589EDF

Tetradic

#DF585B

#9EDF58

#58DFDC

#9958DF

Color Blindness Simulation

Original

#DF585B

Protanopia

#A5A35A

Deuteranopia

#ACB65A

Tritanopia

#D85A5A

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F7E3E3
200
#F4C3C4
300
#EB989A
400
#E16163
500
#D6292D
600
#AB2124
700
#891A1D
800
#6B1516
900
#4E1314
950
#310C0D

Contrast Checker

Text on white

3,69:1

AA Fail AAA Fail

Text on black

5,68: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