#D68076

#D68076

Color Values

HEX

#D68076

RGB

214, 128, 118

HSL

6.2, 53.9%, 65.1%

HSV

6.2, 44.9%, 83.9%

CMYK

0.0%, 40.2%, 44.9%, 16.1%

OKLCH

0.6893 0.1084 27.3

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#D68076

#76CCD6

Analogous

#D6769C

#D6B076

#D68076

Triadic

#D68076

#76D680

#8076D6

Split Complementary

#D68076

#76D6B0

#769CD6

Tetradic

#D68076

#9CD676

#76CCD6

#B076D6

Color Blindness Simulation

Original

#D68076

Protanopia

#B1B078

Deuteranopia

#B6BC79

Tritanopia

#D27A7B

Achromatopsia

#929292

CSS Usage

background-color: #D68076;
color: #D68076;
border-color: #D68076;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FBF5F4
100
#F5E7E5
200
#EFCCC8
300
#E3A8A1
400
#D4786E
500
#C4493B
600
#9D3A2F
700
#7E2F26
800
#62241D
900
#481E19
950
#2D1310

Contrast Checker

Text on white

2.91:1

AA Fail AAA Fail

Text on black

7.21:1

AA Pass AAA Pass

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