#F2BDC0

#F2BDC0

Color Values

HEX

#F2BDC0

RGB

242, 189, 192

HSL

356.6, 67.1%, 84.5%

HSV

356.6, 21.9%, 94.9%

CMYK

0.0%, 21.9%, 20.7%, 5.1%

OKLCH

0.8465 0.0612 14.6

Properties

Warm Light Nearest: NCS S 0520-R Light Pink

Color Harmonies

Complementary

#F2BDC0

#BDF2EF

Analogous

#F2BDDA

#F2D4BD

#F2BDC0

Triadic

#F2BDC0

#C0F2BD

#BDC0F2

Split Complementary

#F2BDC0

#BDF2D4

#BDDAF2

Tetradic

#F2BDC0

#DAF2BD

#BDF2EF

#D4BDF2

Color Blindness Simulation

Original

#F2BDC0

Protanopia

#DBDBBF

Deuteranopia

#DEE2BF

Tritanopia

#EFBFBF

Achromatopsia

#C8C8C8

CSS Usage

background-color: #F2BDC0;
color: #F2BDC0;
border-color: #F2BDC0;
Nearest Tailwind: Red 200 #FECACA

Tailwind Shades

50
#FCF3F3
100
#F7E3E4
200
#F3C3C6
300
#EB999D
400
#E06169
500
#D52A34
600
#AA2229
700
#881B21
800
#6B151A
900
#4E1317
950
#310C0E

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

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