#D8697B

#D8697B

Color Values

HEX

#D8697B

RGB

216, 105, 123

HSL

350.3, 58.7%, 62.9%

HSV

350.3, 51.4%, 84.7%

CMYK

0.0%, 51.4%, 43.1%, 15.3%

OKLCH

0.6569 0.1399 11.6

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#D8697B

#69D8C6

Analogous

#D869B2

#D88E69

#D8697B

Triadic

#D8697B

#7BD869

#697BD8

Split Complementary

#D8697B

#69D88E

#69B2D8

Tetradic

#D8697B

#B2D869

#69D8C6

#8E69D8

Color Blindness Simulation

Original

#D8697B

Protanopia

#A8A777

Deuteranopia

#AEB776

Tritanopia

#D27372

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#FBF4F5
100
#F6E4E7
200
#F0C6CD
300
#E69EA9
400
#D8697B
500
#CA354D
600
#A22A3D
700
#812231
800
#651A26
900
#4A171F
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