#F8BFC7

#F8BFC7

Color Values

HEX

#F8BFC7

RGB

248, 191, 199

HSL

351.6, 80.3%, 86.1%

HSV

351.6, 23.0%, 97.3%

CMYK

0.0%, 23.0%, 19.8%, 2.7%

OKLCH

0.8579 0.0662 9.2

Properties

Warm Light Nearest: pink

Color Harmonies

Complementary

#F8BFC7

#BFF8F0

Analogous

#F8BFE4

#F8D4BF

#F8BFC7

Triadic

#F8BFC7

#C7F8BF

#BFC7F8

Split Complementary

#F8BFC7

#BFF8D4

#BFE4F8

Tetradic

#F8BFC7

#E4F8BF

#BFF8F0

#D4BFF8

Color Blindness Simulation

Original

#F8BFC7

Protanopia

#DFDFC5

Deuteranopia

#E3E7C5

Tritanopia

#F5C4C3

Achromatopsia

#CCCCCC

CSS Usage

background-color: #F8BFC7;
color: #F8BFC7;
border-color: #F8BFC7;
Nearest Tailwind: Rose 200 #FECDD3

Tailwind Shades

50
#FDF2F4
100
#F9E1E4
200
#F8BFC7
300
#F3919E
400
#EC556A
500
#E61936
600
#B8142B
700
#931022
800
#730D1B
900
#530D17
950
#35080F

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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