#F7D2E3

#F7D2E3

Color Values

HEX

#F7D2E3

RGB

247, 210, 227

HSL

332.4, 69.8%, 89.6%

HSV

332.4, 15.0%, 96.9%

CMYK

0.0%, 15.0%, 8.1%, 3.1%

OKLCH

0.8998 0.0468 348.7

Properties

Warm Light Nearest: Pig Pink

Color Harmonies

Complementary

#F7D2E3

#D2F7E6

Analogous

#F7D2F6

#F7D3D2

#F7D2E3

Triadic

#F7D2E3

#E3F7D2

#D2E3F7

Split Complementary

#F7D2E3

#D2F7D3

#D2F6F7

Tetradic

#F7D2E3

#F6F7D2

#D2F7E6

#D3D2F7

Color Blindness Simulation

Original

#F7D2E3

Protanopia

#E7E7DF

Deuteranopia

#E9ECDE

Tritanopia

#F5DCDB

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#FCF3F7
100
#F8E3EC
200
#F4C2D9
300
#ED97BE
400
#E35F9B
500
#D82778
600
#AD1F60
700
#8B194D
800
#6C133C
900
#4F122E
950
#320B1D

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

15.28:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026