#DC6692

#DC6692

Color Values

HEX

#DC6692

RGB

220, 102, 146

HSL

337.6, 62.8%, 63.1%

HSV

337.6, 53.6%, 86.3%

CMYK

0.0%, 53.6%, 33.6%, 13.7%

OKLCH

0.6647 0.1541 358.7

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#DC6692

#66DCB0

Analogous

#DC66CD

#DC7566

#DC6692

Triadic

#DC6692

#92DC66

#6692DC

Split Complementary

#DC6692

#66DC75

#66CDDC

Tetradic

#DC6692

#CDDC66

#66DCB0

#7566DC

Color Blindness Simulation

Original

#DC6692

Protanopia

#A9A887

Deuteranopia

#B0B985

Tritanopia

#D67F7D

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#FBF3F6
100
#F7E4EB
200
#F2C5D6
300
#E89BB8
400
#DC6592
500
#D02F6B
600
#A62656
700
#851E45
800
#681836
900
#4C152A
950
#300D1A

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

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