#DE6595

#DE6595

Color Values

HEX

#DE6595

RGB

222, 101, 149

HSL

336.2, 64.7%, 63.3%

HSV

336.2, 54.5%, 87.1%

CMYK

0.0%, 54.5%, 32.9%, 12.9%

OKLCH

0.6671 0.1587 357.4

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#DE6595

#65DEAE

Analogous

#DE65D1

#DE7165

#DE6595

Triadic

#DE6595

#95DE65

#6595DE

Split Complementary

#DE6595

#65DE71

#65D1DE

Tetradic

#DE6595

#D1DE65

#65DEAE

#7165DE

Color Blindness Simulation

Original

#DE6595

Protanopia

#AAA989

Deuteranopia

#B1BA87

Tritanopia

#D8807E

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#FCF3F6
100
#F7E3EB
200
#F2C4D7
300
#E99ABA
400
#DE6494
500
#D22D6E
600
#A82458
700
#861D47
800
#691737
900
#4D142B
950
#300D1B

Contrast Checker

Text on white

3.28:1

AA Fail AAA Fail

Text on black

6.4:1

AA Pass AAA Fail

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026