#D67983

#D67983

Color Values

HEX

#D67983

RGB

214, 121, 131

HSL

353.5, 53.1%, 65.7%

HSV

353.5, 43.5%, 83.9%

CMYK

0.0%, 43.5%, 38.8%, 16.1%

OKLCH

0.6809 0.116 13.8

Properties

Warm Light Nearest: RAL 3015 Light Pink

Color Harmonies

Complementary

#D67983

#79D6CC

Analogous

#D679B2

#D69D79

#D67983

Triadic

#D67983

#83D679

#7983D6

Split Complementary

#D67983

#79D69D

#79B2D6

Tetradic

#D67983

#B2D679

#79D6CC

#9D79D6

Color Blindness Simulation

Original

#D67983

Protanopia

#AEAD81

Deuteranopia

#B3BA80

Tritanopia

#D17F7E

Achromatopsia

#8D8D8D

CSS Usage

background-color: #D67983;
color: #D67983;
border-color: #D67983;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FBF4F5
100
#F5E5E7
200
#EEC8CC
300
#E2A1A8
400
#D36F79
500
#C33C4A
600
#9C303C
700
#7D2630
800
#621E25
900
#48191E
950
#2D1013

Contrast Checker

Text on white

3.03:1

AA Fail AAA Fail

Text on black

6.92:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026