#F5C2F4

#F5C2F4

Color Values

HEX

#F5C2F4

RGB

245, 194, 244

HSL

301.2, 71.8%, 86.1%

HSV

301.2, 20.8%, 96.1%

CMYK

0.0%, 20.8%, 0.4%, 3.9%

OKLCH

0.8744 0.0871 326.9

Properties

Warm Light Nearest: Orchid

Color Harmonies

Complementary

#F5C2F4

#C2F5C3

Analogous

#DDC2F5

#F5C2DB

#F5C2F4

Triadic

#F5C2F4

#F4F5C2

#C2F4F5

Split Complementary

#F5C2F4

#DBF5C2

#C2F5DD

Tetradic

#F5C2F4

#F5DDC2

#C2F5C3

#C2DBF5

Color Blindness Simulation

Original

#F5C2F4

Protanopia

#DFDEE8

Deuteranopia

#E2E6E5

Tritanopia

#F2DEDC

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F8E2F8
200
#F5C2F4
300
#EE96EC
400
#E45DE2
500
#DB24D7
600
#AF1DAC
700
#8C178A
800
#6E126C
900
#50114F
950
#320B32

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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