#CD646C

#CD646C

Color Values

HEX

#CD646C

RGB

205, 100, 108

HSL

355.4, 51.2%, 59.8%

HSV

355.4, 51.2%, 80.4%

CMYK

0.0%, 51.2%, 47.3%, 19.6%

OKLCH

0.6306 0.1332 16.9

Properties

Warm Light Nearest: Fuzzy Wuzzy

Color Harmonies

Complementary

#CD646C

#64CDC5

Analogous

#CD64A1

#CD9064

#CD646C

Triadic

#CD646C

#6CCD64

#646CCD

Split Complementary

#CD646C

#64CD90

#64A1CD

Tetradic

#CD646C

#A1CD64

#64CDC5

#9064CD

Color Blindness Simulation

Original

#CD646C

Protanopia

#A09F6A

Deuteranopia

#A6AE6A

Tritanopia

#C86968

Achromatopsia

#7B7B7B

CSS Usage

background-color: #CD646C;
color: #CD646C;
border-color: #CD646C;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FBF4F5
100
#F5E5E7
200
#EEC9CC
300
#E1A2A7
400
#D17078
500
#C13E48
600
#9A323A
700
#7B282E
800
#601F24
900
#471A1E
950
#2D1013

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

5.64:1

AA Pass AAA Fail

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