#F2BBDA

#F2BBDA

Color Values

HEX

#F2BBDA

RGB

242, 187, 218

HSL

326.2, 67.9%, 84.1%

HSV

326.2, 22.7%, 94.9%

CMYK

0.0%, 22.7%, 9.9%, 5.1%

OKLCH

0.8505 0.0746 343.9

Properties

Warm Light Nearest: Cotton Candy

Color Harmonies

Complementary

#F2BBDA

#BBF2D3

Analogous

#EEBBF2

#F2BBBE

#F2BBDA

Triadic

#F2BBDA

#DAF2BB

#BBDAF2

Split Complementary

#F2BBDA

#BEF2BB

#BBF2EE

Tetradic

#F2BBDA

#F2EEBB

#BBF2D3

#BBBEF2

Color Blindness Simulation

Original

#F2BBDA

Protanopia

#DADAD3

Deuteranopia

#DDE1D1

Tritanopia

#EFCDCB

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#FCF3F8
100
#F7E3EE
200
#F4C3DE
300
#EB98C7
400
#E161A9
500
#D6298A
600
#AB216F
700
#891A59
800
#6B1445
900
#4E1334
950
#310C21

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

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