#F5C2F3

#F5C2F3

Color Values

HEX

#F5C2F3

RGB

245, 194, 243

HSL

302.4, 71.8%, 86.1%

HSV

302.4, 20.8%, 96.1%

CMYK

0.0%, 20.8%, 0.8%, 3.9%

OKLCH

0.874 0.0862 327.5

Properties

Warm Light Nearest: Orchid

Color Harmonies

Complementary

#F5C2F3

#C2F5C4

Analogous

#DEC2F5

#F5C2DA

#F5C2F3

Triadic

#F5C2F3

#F3F5C2

#C2F3F5

Split Complementary

#F5C2F3

#DAF5C2

#C2F5DE

Tetradic

#F5C2F3

#F5DEC2

#C2F5C4

#C2DAF5

Color Blindness Simulation

Original

#F5C2F3

Protanopia

#DFDEE7

Deuteranopia

#E2E6E4

Tritanopia

#F2DEDC

Achromatopsia

#D0D0D0

CSS Usage

background-color: #F5C2F3;
color: #F5C2F3;
border-color: #F5C2F3;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#FCF3FC
100
#F8E2F7
200
#F5C2F3
300
#EE96EA
400
#E45DDF
500
#DB24D4
600
#AF1DA9
700
#8C1788
800
#6E126A
900
#50114D
950
#320B31

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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