#CD786C

#CD786C

Color Values

HEX

#CD786C

RGB

205, 120, 108

HSL

7.4, 49.2%, 61.4%

HSV

7.4, 47.3%, 80.4%

CMYK

0.0%, 41.5%, 47.3%, 19.6%

OKLCH

0.6624 0.1087 28.9

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#CD786C

#6CC1CD

Analogous

#CD6C91

#CDA96C

#CD786C

Triadic

#CD786C

#6CCD78

#786CCD

Split Complementary

#CD786C

#6CCDA9

#6C91CD

Tetradic

#CD786C

#91CD6C

#6CC1CD

#A96CCD

Color Blindness Simulation

Original

#CD786C

Protanopia

#A8A76F

Deuteranopia

#ADB470

Tritanopia

#C97172

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#FBF5F4
100
#F5E8E6
200
#EDCECA
300
#E0ABA4
400
#CF7E72
500
#BE5041
600
#984034
700
#7A3329
800
#5F2820
900
#46201B
950
#2C1411

Contrast Checker

Text on white

3.23:1

AA Fail AAA Fail

Text on black

6.5:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026