#CD628C

#CD628C

Color Values

HEX

#CD628C

RGB

205, 98, 140

HSL

336.4, 51.7%, 59.4%

HSV

336.4, 52.2%, 80.4%

CMYK

0.0%, 52.2%, 31.7%, 19.6%

OKLCH

0.6366 0.1425 357.2

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#CD628C

#62CDA3

Analogous

#CD62C2

#CD6D62

#CD628C

Triadic

#CD628C

#8CCD62

#628CCD

Split Complementary

#CD628C

#62CD6D

#62C2CD

Tetradic

#CD628C

#C2CD62

#62CDA3

#6D62CD

Color Blindness Simulation

Original

#CD628C

Protanopia

#9F9E82

Deuteranopia

#A5AD7F

Tritanopia

#C87A78

Achromatopsia

#7C7C7C

CSS Usage

background-color: #CD628C;
color: #CD628C;
border-color: #CD628C;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FBF4F7
100
#F5E5EB
200
#EEC9D7
300
#E1A2BB
400
#D17096
500
#C13E71
600
#9B315B
700
#7C2749
800
#611F39
900
#471A2C
950
#2D101C

Contrast Checker

Text on white

3.67:1

AA Fail AAA Fail

Text on black

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