#CD7486

#CD7486

Color Values

HEX

#CD7486

RGB

205, 116, 134

HSL

347,9, 47,1%, 62,9%

HSV

347,9, 43,4%, 80,4%

CMYK

0,0%, 43,4%, 34,6%, 19,6%

OKLCH

0,6622 0,113 7,7

Properties

Warm Light Nearest: palevioletred 3

Color Harmonies

Complementary

#CD7486

#74CDBB

Analogous

#CD74B2

#CD8E74

#CD7486

Triadic

#CD7486

#86CD74

#7486CD

Split Complementary

#CD7486

#74CD8E

#74B2CD

Tetradic

#CD7486

#B2CD74

#74CDBB

#8E74CD

Color Blindness Simulation

Original

#CD7486

Protanopia

#A6A682

Deuteranopia

#ACB281

Tritanopia

#C97E7D

Achromatopsia

#888888

CSS Usage

background-color: #CD7486;
color: #CD7486;
border-color: #CD7486;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FAF4F6
100
#F4E6E9
200
#ECCAD1
300
#DFA5B1
400
#CD7486
500
#BC435C
600
#963649
700
#782B3B
800
#5E222E
900
#451C24
950
#2C1217

Contrast Checker

Text on white

3,26:1

AA Fail AAA Fail

Text on black

6,44: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