#F7C6DA

#F7C6DA

Color Values

HEX

#F7C6DA

RGB

247, 198, 218

HSL

335.5, 75.4%, 87.3%

HSV

335.5, 19.8%, 96.9%

CMYK

0.0%, 19.8%, 11.7%, 3.1%

OKLCH

0.8751 0.0611 352.0

Properties

Warm Light Nearest: Pig Pink

Color Harmonies

Complementary

#F7C6DA

#C6F7E3

Analogous

#F7C6F3

#F7CBC6

#F7C6DA

Triadic

#F7C6DA

#DAF7C6

#C6DAF7

Split Complementary

#F7C6DA

#C6F7CB

#C6F3F7

Tetradic

#F7C6DA

#F3F7C6

#C6F7E3

#CBC6F7

Color Blindness Simulation

Original

#F7C6DA

Protanopia

#E2E1D5

Deuteranopia

#E5E8D4

Tritanopia

#F5D1D0

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#FCF2F6
100
#F9E2EB
200
#F6C0D6
300
#F094B9
400
#E85A94
500
#E01F6E
600
#B31958
700
#8F1446
800
#701037
900
#51102A
950
#330A1B

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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