#F7B2CB

#F7B2CB

Color Values

HEX

#F7B2CB

RGB

247, 178, 203

HSL

338.3, 81.2%, 83.3%

HSV

338.3, 27.9%, 96.9%

CMYK

0.0%, 27.9%, 17.8%, 3.1%

OKLCH

0.835 0.0859 355.6

Properties

Warm Light Nearest: Cotton Candy

Color Harmonies

Complementary

#F7B2CB

#B2F7DE

Analogous

#F7B2ED

#F7BBB2

#F7B2CB

Triadic

#F7B2CB

#CBF7B2

#B2CBF7

Split Complementary

#F7B2CB

#B2F7BB

#B2EDF7

Tetradic

#F7B2CB

#EDF7B2

#B2F7DE

#BBB2F7

Color Blindness Simulation

Original

#F7B2CB

Protanopia

#D9D9C5

Deuteranopia

#DDE2C4

Tritanopia

#F4C0BF

Achromatopsia

#C2C2C2

CSS Usage

background-color: #F7B2CB;
color: #F7B2CB;
border-color: #F7B2CB;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FDF2F6
100
#F9E1EA
200
#F8BED3
300
#F390B4
400
#ED548B
500
#E71863
600
#B9134F
700
#940F3F
800
#740C31
900
#540D27
950
#350818

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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