#F3C4D2

#F3C4D2

Color Values

HEX

#F3C4D2

RGB

243, 196, 210

HSL

342.1, 66.2%, 86.1%

HSV

342.1, 19.3%, 95.3%

CMYK

0.0%, 19.3%, 13.6%, 4.7%

OKLCH

0.8653 0.0563 358.6

Properties

Warm Light Nearest: pink

Color Harmonies

Complementary

#F3C4D2

#C4F3E5

Analogous

#F3C4EA

#F3CEC4

#F3C4D2

Triadic

#F3C4D2

#D2F3C4

#C4D2F3

Split Complementary

#F3C4D2

#C4F3CE

#C4EAF3

Tetradic

#F3C4D2

#EAF3C4

#C4F3E5

#CEC4F3

Color Blindness Simulation

Original

#F3C4D2

Protanopia

#DFDECF

Deuteranopia

#E1E5CE

Tritanopia

#F1CCCB

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#FCF3F6
100
#F7E3E9
200
#F3C4D2
300
#EA99B1
400
#DF6287
500
#D42B5D
600
#AA224B
700
#881C3C
800
#6A162F
900
#4D1425
950
#310C17

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

13.64:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026