#FACCCF

#FACCCF

Color Values

HEX

#FACCCF

RGB

250, 204, 207

HSL

356.1, 82.1%, 89.0%

HSV

356.1, 18.4%, 98.0%

CMYK

0.0%, 18.4%, 17.2%, 2.0%

OKLCH

0.8858 0.0522 13.8

Properties

Warm Light Nearest: NCS S 0520-R Light Pink

Color Harmonies

Complementary

#FACCCF

#CCFAF7

Analogous

#FACCE6

#FAE0CC

#FACCCF

Triadic

#FACCCF

#CFFACC

#CCCFFA

Split Complementary

#FACCCF

#CCFAE0

#CCE6FA

Tetradic

#FACCCF

#E6FACC

#CCFAF7

#E0CCFA

Color Blindness Simulation

Original

#FACCCF

Protanopia

#E6E6CE

Deuteranopia

#E9ECCE

Tritanopia

#F8CECE

Achromatopsia

#D6D6D6

CSS Usage

background-color: #FACCCF;
color: #FACCCF;
border-color: #FACCCF;
Nearest Tailwind: Rose 200 #FECDD3

Tailwind Shades

50
#FDF2F3
100
#FAE1E2
200
#F9BEC2
300
#F49096
400
#EE535D
500
#E81724
600
#BA121D
700
#950F17
800
#740B12
900
#540D11
950
#35080B

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

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