#F7CDDD

#F7CDDD

Color Values

HEX

#F7CDDD

RGB

247, 205, 221

HSL

337.1, 72.4%, 88.6%

HSV

337.1, 17.0%, 96.9%

CMYK

0.0%, 17.0%, 10.5%, 3.1%

OKLCH

0.8888 0.0515 353.3

Properties

Warm Light Nearest: Pig Pink

Color Harmonies

Complementary

#F7CDDD

#CDF7E7

Analogous

#F7CDF2

#F7D2CD

#F7CDDD

Triadic

#F7CDDD

#DDF7CD

#CDDDF7

Split Complementary

#F7CDDD

#CDF7D2

#CDF2F7

Tetradic

#F7CDDD

#F2F7CD

#CDF7E7

#D2CDF7

Color Blindness Simulation

Original

#F7CDDD

Protanopia

#E5E4D9

Deuteranopia

#E7EAD8

Tritanopia

#F5D6D5

Achromatopsia

#D7D7D7

CSS Usage

background-color: #F7CDDD;
color: #F7CDDD;
border-color: #F7CDDD;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#FCF3F6
100
#F8E2EB
200
#F5C1D5
300
#EE95B7
400
#E55C90
500
#DC236A
600
#B01C55
700
#8D1744
800
#6E1235
900
#501129
950
#330B1A

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

14.73:1

AA Pass AAA Pass

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