#F8BFCC

#F8BFCC

Color Values

HEX

#F8BFCC

RGB

248, 191, 204

HSL

346.3, 80.3%, 86.1%

HSV

346.3, 23.0%, 97.3%

CMYK

0.0%, 23.0%, 17.7%, 2.7%

OKLCH

0.8593 0.0673 3.4

Properties

Warm Light Nearest: pink

Color Harmonies

Complementary

#F8BFCC

#BFF8EB

Analogous

#F8BFE9

#F8CFBF

#F8BFCC

Triadic

#F8BFCC

#CCF8BF

#BFCCF8

Split Complementary

#F8BFCC

#BFF8CF

#BFE9F8

Tetradic

#F8BFCC

#E9F8BF

#BFF8EB

#CFBFF8

Color Blindness Simulation

Original

#F8BFCC

Protanopia

#DFDFC9

Deuteranopia

#E3E7C8

Tritanopia

#F5C6C6

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#FDF2F5
100
#F9E1E7
200
#F8BFCC
300
#F391A7
400
#EC5577
500
#E61948
600
#B81439
700
#93102E
800
#730D24
900
#530D1D
950
#350813

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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