#D34F7F

#D34F7F

Color Values

HEX

#D34F7F

RGB

211, 79, 127

HSL

338.2, 60.0%, 56.9%

HSV

338.2, 62.6%, 82.7%

CMYK

0.0%, 62.6%, 39.8%, 17.3%

OKLCH

0.6165 0.1713 1.0

Properties

Warm Light Nearest: NCS S 1050-R20B Raspberry

Color Harmonies

Complementary

#D34F7F

#4FD3A3

Analogous

#D34FC1

#D3614F

#D34F7F

Triadic

#D34F7F

#7FD34F

#4F7FD3

Split Complementary

#D34F7F

#4FD361

#4FC1D3

Tetradic

#D34F7F

#C1D34F

#4FD3A3

#614FD3

Color Blindness Simulation

Original

#D34F7F

Protanopia

#9A9973

Deuteranopia

#A2AB71

Tritanopia

#CC6A68

Achromatopsia

#6F6F6F

CSS Usage

background-color: #D34F7F;
color: #D34F7F;
border-color: #D34F7F;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FBF3F6
100
#F6E4EB
200
#F1C6D5
300
#E79DB8
400
#D96891
500
#CC336B
600
#A32955
700
#832144
800
#661A35
900
#4B1629
950
#2F0E1A

Contrast Checker

Text on white

4.04:1

AA Fail AAA Fail

Text on black

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