#F5C2D4

#F5C2D4

Color Values

HEX

#F5C2D4

RGB

245, 194, 212

HSL

338.8, 71.8%, 86.1%

HSV

338.8, 20.8%, 96.1%

CMYK

0.0%, 20.8%, 13.5%, 3.9%

OKLCH

0.8642 0.0624 355.4

Properties

Warm Light Nearest: pink

Color Harmonies

Complementary

#F5C2D4

#C2F5E3

Analogous

#F5C2EE

#F5CAC2

#F5C2D4

Triadic

#F5C2D4

#D4F5C2

#C2D4F5

Split Complementary

#F5C2D4

#C2F5CA

#C2EEF5

Tetradic

#F5C2D4

#EEF5C2

#C2F5E3

#CAC2F5

Color Blindness Simulation

Original

#F5C2D4

Protanopia

#DFDED0

Deuteranopia

#E2E6CF

Tritanopia

#F2CCCB

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#FCF3F6
100
#F8E2EA
200
#F5C2D4
300
#EE96B5
400
#E45D8D
500
#DB2465
600
#AF1D51
700
#8C1740
800
#6E1232
900
#501127
950
#320B19

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

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