#F7AFD9

#F7AFD9

Color Values

HEX

#F7AFD9

RGB

247, 175, 217

HSL

325.0, 81.8%, 82.7%

HSV

325.0, 29.1%, 96.9%

CMYK

0.0%, 29.1%, 12.1%, 3.1%

OKLCH

0.8342 0.0991 343.6

Properties

Warm Light Nearest: Lavender

Color Harmonies

Complementary

#F7AFD9

#AFF7CD

Analogous

#F1AFF7

#F7AFB5

#F7AFD9

Triadic

#F7AFD9

#D9F7AF

#AFD9F7

Split Complementary

#F7AFD9

#B5F7AF

#AFF7F1

Tetradic

#F7AFD9

#F7F1AF

#AFF7CD

#AFB5F7

Color Blindness Simulation

Original

#F7AFD9

Protanopia

#D8D7CF

Deuteranopia

#DCE1CC

Tritanopia

#F3C7C5

Achromatopsia

#C1C1C1

CSS Usage

background-color: #F7AFD9;
color: #F7AFD9;
border-color: #F7AFD9;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FDF2F8
100
#FAE1EF
200
#F9BEE0
300
#F490CA
400
#EE53AE
500
#E81791
600
#B91374
700
#940F5D
800
#740C48
900
#540D36
950
#350822

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

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