#FFCCCF

#FFCCCF

Color Values

HEX

#FFCCCF

RGB

255, 204, 207

HSL

356.5, 100.0%, 90.0%

HSV

356.5, 20.0%, 100.0%

CMYK

0.0%, 20.0%, 18.8%, 0.0%

OKLCH

0.8905 0.058 14.3

Properties

Warm Light Nearest: NCS S 0520-R Light Pink

Color Harmonies

Complementary

#FFCCCF

#CCFFFC

Analogous

#FFCCE8

#FFE3CC

#FFCCCF

Triadic

#FFCCCF

#CFFFCC

#CCCFFF

Split Complementary

#FFCCCF

#CCFFE3

#CCE8FF

Tetradic

#FFCCCF

#E8FFCC

#CCFFFC

#E3CCFF

Color Blindness Simulation

Original

#FFCCCF

Protanopia

#E9E8CE

Deuteranopia

#ECF0CE

Tritanopia

#FCCECE

Achromatopsia

#D7D7D7

CSS Usage

background-color: #FFCCCF;
color: #FFCCCF;
border-color: #FFCCCF;
Nearest Tailwind: Red 200 #FECACA

Tailwind Shades

50
#FEF1F2
100
#FCDEE0
200
#FFB8BC
300
#FF858C
400
#FF424D
500
#FF000F
600
#CC000C
700
#A3000A
800
#800007
900
#5C050A
950
#3A0306

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

14.79:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026