#F2BDD3

#F2BDD3

Color Values

HEX

#F2BDD3

RGB

242, 189, 211

HSL

335.1, 67.1%, 84.5%

HSV

335.1, 21.9%, 94.9%

CMYK

0.0%, 21.9%, 12.8%, 5.1%

OKLCH

0.8519 0.0669 351.9

Properties

Warm Light Nearest: Cotton Candy

Color Harmonies

Complementary

#F2BDD3

#BDF2DC

Analogous

#F2BDED

#F2C1BD

#F2BDD3

Triadic

#F2BDD3

#D3F2BD

#BDD3F2

Split Complementary

#F2BDD3

#BDF2C1

#BDEDF2

Tetradic

#F2BDD3

#EDF2BD

#BDF2DC

#C1BDF2

Color Blindness Simulation

Original

#F2BDD3

Protanopia

#DBDBCE

Deuteranopia

#DEE2CC

Tritanopia

#EFC9C9

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#FCF3F7
100
#F7E3EB
200
#F3C3D7
300
#EB99BB
400
#E06196
500
#D52A71
600
#AA225A
700
#881B48
800
#6B1538
900
#4E132B
950
#310C1B

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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