#F0BFDA

#F0BFDA

Color Values

HEX

#F0BFDA

RGB

240, 191, 218

HSL

326.9, 62.0%, 84.5%

HSV

326.9, 20.4%, 94.1%

CMYK

0.0%, 20.4%, 9.2%, 5.9%

OKLCH

0.8558 0.0658 344.4

Properties

Warm Light Nearest: Cotton Candy

Color Harmonies

Complementary

#F0BFDA

#BFF0D5

Analogous

#EDBFF0

#F0BFC2

#F0BFDA

Triadic

#F0BFDA

#DAF0BF

#BFDAF0

Split Complementary

#F0BFDA

#C2F0BF

#BFF0ED

Tetradic

#F0BFDA

#F0EDBF

#BFF0D5

#BFC2F0

Color Blindness Simulation

Original

#F0BFDA

Protanopia

#DBDAD3

Deuteranopia

#DEE1D2

Tritanopia

#EECECD

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#FBF3F8
100
#F7E4EE
200
#F1C5DE
300
#E89CC6
400
#DB66A7
500
#CF3088
600
#A5276D
700
#841F57
800
#671844
900
#4B1533
950
#300E20

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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