#D96063

#D96063

Color Values

HEX

#D96063

RGB

217, 96, 99

HSL

358.5, 61.4%, 61.4%

HSV

358.5, 55.8%, 85.1%

CMYK

0.0%, 55.8%, 54.4%, 14.9%

OKLCH

0.64 0.1525 20.9

Properties

Warm Light Nearest: indianred

Color Harmonies

Complementary

#D96063

#60D9D6

Analogous

#D960A0

#D99A60

#D96063

Triadic

#D96063

#63D960

#6063D9

Split Complementary

#D96063

#60D99A

#60A0D9

Tetradic

#D96063

#A0D960

#60D9D6

#9A60D9

Color Blindness Simulation

Original

#D96063

Protanopia

#A5A462

Deuteranopia

#ACB562

Tritanopia

#D36262

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FBF3F4
100
#F6E4E4
200
#F1C5C6
300
#E79C9E
400
#DB676A
500
#CE3135
600
#A5272B
700
#841F22
800
#67191B
900
#4B1617
950
#300E0F

Contrast Checker

Text on white

3.62:1

AA Fail AAA Fail

Text on black

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