#D86F74

#D86F74

Color Values

HEX

#D86F74

RGB

216, 111, 116

HSL

357.1, 57.4%, 64.1%

HSV

357.1, 48.6%, 84.7%

CMYK

0.0%, 48.6%, 46.3%, 15.3%

OKLCH

0.6641 0.1317 18.3

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#D86F74

#6FD8D3

Analogous

#D86FA9

#D89E6F

#D86F74

Triadic

#D86F74

#74D86F

#6F74D8

Split Complementary

#D86F74

#6FD89E

#6FA9D8

Tetradic

#D86F74

#A9D86F

#6FD8D3

#9E6FD8

Color Blindness Simulation

Original

#D86F74

Protanopia

#ABAA73

Deuteranopia

#B1B872

Tritanopia

#D37272

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F6E4E5
200
#F0C7C9
300
#E59FA2
400
#D76A70
500
#C9363D
600
#A12B31
700
#802327
800
#641B1F
900
#49171A
950
#2E0F10

Contrast Checker

Text on white

3.26:1

AA Fail AAA Fail

Text on black

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