#F2BBC5

#F2BBC5

Color Values

HEX

#F2BBC5

RGB

242, 187, 197

HSL

349.1, 67.9%, 84.1%

HSV

349.1, 22.7%, 94.9%

CMYK

0.0%, 22.7%, 18.6%, 5.1%

OKLCH

0.8442 0.0646 6.4

Properties

Warm Light Nearest: pink

Color Harmonies

Complementary

#F2BBC5

#BBF2E8

Analogous

#F2BBE0

#F2CCBB

#F2BBC5

Triadic

#F2BBC5

#C5F2BB

#BBC5F2

Split Complementary

#F2BBC5

#BBF2CC

#BBE0F2

Tetradic

#F2BBC5

#E0F2BB

#BBF2E8

#CCBBF2

Color Blindness Simulation

Original

#F2BBC5

Protanopia

#DADAC3

Deuteranopia

#DDE1C2

Tritanopia

#EFC1C0

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#FCF3F5
100
#F7E3E7
200
#F4C3CC
300
#EB98A7
400
#E16178
500
#D62948
600
#AB213A
700
#891A2E
800
#6B1424
900
#4E131E
950
#310C13

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

12.69:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026