#D17675

#D17675

Color Values

HEX

#D17675

RGB

209, 118, 117

HSL

0.7, 50.0%, 63.9%

HSV

0.7, 44.0%, 82.0%

CMYK

0.0%, 43.5%, 44.0%, 18.0%

OKLCH

0.6662 0.1143 21.2

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#D17675

#75D0D1

Analogous

#D175A2

#D1A475

#D17675

Triadic

#D17675

#75D176

#7675D1

Split Complementary

#D17675

#75D1A4

#75A2D1

Tetradic

#D17675

#A2D175

#75D0D1

#A475D1

Color Blindness Simulation

Original

#D17675

Protanopia

#AAA975

Deuteranopia

#AFB675

Tritanopia

#CC7575

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F5E6E6
200
#EDCAC9
300
#E0A4A3
400
#D07371
500
#BF4140
600
#993433
700
#7A2A29
800
#602120
900
#461B1B
950
#2C1111

Contrast Checker

Text on white

3.2:1

AA Fail AAA Fail

Text on black

6.56:1

AA Pass AAA Fail

Related Articles

Tutorials

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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026