#CC6D71

#CC6D71

Color Values

HEX

#CC6D71

RGB

204, 109, 113

HSL

357.5, 48.2%, 61.4%

HSV

357.5, 46.6%, 80.0%

CMYK

0.0%, 46.6%, 44.6%, 20.0%

OKLCH

0.6442 0.1201 18.3

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#CC6D71

#6DCCC8

Analogous

#CC6DA1

#CC996D

#CC6D71

Triadic

#CC6D71

#71CC6D

#6D71CC

Split Complementary

#CC6D71

#6DCC99

#6DA1CC

Tetradic

#CC6D71

#A1CC6D

#6DCCC8

#996DCC

Color Blindness Simulation

Original

#CC6D71

Protanopia

#A3A270

Deuteranopia

#A8AF70

Tritanopia

#C76F6F

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#FAF4F4
100
#F4E6E6
200
#EDCACC
300
#DFA4A7
400
#CE7377
500
#BD4247
600
#973539
700
#792A2E
800
#5E2124
900
#451B1D
950
#2C1112

Contrast Checker

Text on white

3.5:1

AA Fail AAA Fail

Text on black

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