#D36F79

#D36F79

Color Values

HEX

#D36F79

RGB

211, 111, 121

HSL

354.0, 53.2%, 63.1%

HSV

354.0, 47.4%, 82.7%

CMYK

0.0%, 47.4%, 42.7%, 17.3%

OKLCH

0.6586 0.1257 14.8

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#D36F79

#6FD3C9

Analogous

#D36FAB

#D3976F

#D36F79

Triadic

#D36F79

#79D36F

#6F79D3

Split Complementary

#D36F79

#6FD397

#6FABD3

Tetradic

#D36F79

#ABD36F

#6FD3C9

#976FD3

Color Blindness Simulation

Original

#D36F79

Protanopia

#A8A777

Deuteranopia

#AEB576

Tritanopia

#CE7574

Achromatopsia

#858585

CSS Usage

background-color: #D36F79;
color: #D36F79;
border-color: #D36F79;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FBF4F5
100
#F5E5E7
200
#EEC8CC
300
#E2A1A8
400
#D36E78
500
#C33C49
600
#9C303B
700
#7D262F
800
#621E25
900
#48191E
950
#2D1013

Contrast Checker

Text on white

3.32:1

AA Fail AAA Fail

Text on black

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