#D8697C

#D8697C

Color Values

HEX

#D8697C

RGB

216, 105, 124

HSL

349.7, 58.7%, 62.9%

HSV

349.7, 51.4%, 84.7%

CMYK

0.0%, 51.4%, 42.6%, 15.3%

OKLCH

0.6572 0.14 11.0

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#D8697C

#69D8C5

Analogous

#D869B3

#D88D69

#D8697C

Triadic

#D8697C

#7CD869

#697CD8

Split Complementary

#D8697C

#69D88D

#69B3D8

Tetradic

#D8697C

#B3D869

#69D8C5

#8D69D8

Color Blindness Simulation

Original

#D8697C

Protanopia

#A8A777

Deuteranopia

#AEB776

Tritanopia

#D27473

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#FBF4F5
100
#F6E4E7
200
#F0C6CE
300
#E69EAA
400
#D8697C
500
#CA354E
600
#A22A3F
700
#812232
800
#651A27
900
#4A1720
950
#2F0E14

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

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