#F7BFD3

#F7BFD3

Color Values

HEX

#F7BFD3

RGB

247, 191, 211

HSL

338.6, 77.8%, 85.9%

HSV

338.6, 22.7%, 96.9%

CMYK

0.0%, 22.7%, 14.6%, 3.1%

OKLCH

0.8604 0.0689 355.3

Properties

Warm Light Nearest: pink

Color Harmonies

Complementary

#F7BFD3

#BFF7E3

Analogous

#F7BFEF

#F7C7BF

#F7BFD3

Triadic

#F7BFD3

#D3F7BF

#BFD3F7

Split Complementary

#F7BFD3

#BFF7C7

#BFEFF7

Tetradic

#F7BFD3

#EFF7BF

#BFF7E3

#C7BFF7

Color Blindness Simulation

Original

#F7BFD3

Protanopia

#DFDECE

Deuteranopia

#E2E6CD

Tritanopia

#F4CACA

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#FCF2F6
100
#F9E1EA
200
#F7C0D3
300
#F192B4
400
#EA578C
500
#E31C63
600
#B5174F
700
#91123F
800
#710E32
900
#520F27
950
#340918

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

13.35:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026