#F7D6F2

#F7D6F2

Color Values

HEX

#F7D6F2

RGB

247, 214, 242

HSL

309.1, 67.3%, 90.4%

HSV

309.1, 13.4%, 96.9%

CMYK

0.0%, 13.4%, 2.0%, 3.1%

OKLCH

0.9118 0.0517 331.0

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#F7D6F2

#D6F7DB

Analogous

#ECD6F7

#F7D6E2

#F7D6F2

Triadic

#F7D6F2

#F2F7D6

#D6F2F7

Split Complementary

#F7D6F2

#E2F7D6

#D6F7EC

Tetradic

#F7D6F2

#F7ECD6

#D6F7DB

#D6E2F7

Color Blindness Simulation

Original

#F7D6F2

Protanopia

#E9E8EB

Deuteranopia

#EBEDEA

Tritanopia

#F5E6E5

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#FCF3FA
100
#F7E3F4
200
#F3C3EC
300
#EB99DE
400
#E061CD
500
#D52ABB
600
#AB2196
700
#891B78
800
#6B155E
900
#4E1345
950
#310C2C

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

15.86:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026