#CC686D

#CC686D

Color Values

HEX

#CC686D

RGB

204, 104, 109

HSL

357.0, 49.5%, 60.4%

HSV

357.0, 49.0%, 80.0%

CMYK

0.0%, 49.0%, 46.6%, 20.0%

OKLCH

0.6355 0.1268 18.2

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#CC686D

#68CCC7

Analogous

#CC689F

#CC9568

#CC686D

Triadic

#CC686D

#6DCC68

#686DCC

Split Complementary

#CC686D

#68CC95

#689FCC

Tetradic

#CC686D

#9FCC68

#68CCC7

#9568CC

Color Blindness Simulation

Original

#CC686D

Protanopia

#A1A06C

Deuteranopia

#A6AE6C

Tritanopia

#C76B6B

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F5E6E6
200
#EDCACB
300
#E0A4A7
400
#CF7277
500
#BF4047
600
#983439
700
#7A292D
800
#5F2023
900
#461B1D
950
#2C1112

Contrast Checker

Text on white

3.64:1

AA Fail AAA Fail

Text on black

5.77:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026