#F7CAF0

#F7CAF0

Color Values

HEX

#F7CAF0

RGB

247, 202, 240

HSL

309.3, 73.8%, 88.0%

HSV

309.3, 18.2%, 96.9%

CMYK

0.0%, 18.2%, 2.8%, 3.1%

OKLCH

0.8892 0.0708 331.4

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#F7CAF0

#CAF7D1

Analogous

#E7CAF7

#F7CAD9

#F7CAF0

Triadic

#F7CAF0

#F0F7CA

#CAF0F7

Split Complementary

#F7CAF0

#D9F7CA

#CAF7E7

Tetradic

#F7CAF0

#F7E7CA

#CAF7D1

#CAD9F7

Color Blindness Simulation

Original

#F7CAF0

Protanopia

#E4E3E7

Deuteranopia

#E6E9E5

Tritanopia

#F5E0DE

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F8E2F5
200
#F6C1ED
300
#EF95E1
400
#E65BD1
500
#DE21C0
600
#B11B9A
700
#8E157B
800
#6F1160
900
#511047
950
#330A2D

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

14.66:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026