#F7CFF4

#F7CFF4

Color Values

HEX

#F7CFF4

RGB

247, 207, 244

HSL

304.5, 71.4%, 89.0%

HSV

304.5, 16.2%, 96.9%

CMYK

0.0%, 16.2%, 1.2%, 3.1%

OKLCH

0.8996 0.0658 328.5

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#F7CFF4

#CFF7D2

Analogous

#E6CFF7

#F7CFE0

#F7CFF4

Triadic

#F7CFF4

#F4F7CF

#CFF4F7

Split Complementary

#F7CFF4

#E0F7CF

#CFF7E6

Tetradic

#F7CFF4

#F7E6CF

#CFF7D2

#CFE0F7

Color Blindness Simulation

Original

#F7CFF4

Protanopia

#E6E5EB

Deuteranopia

#E8EBE9

Tritanopia

#F5E4E2

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F8E2F6
200
#F5C2F1
300
#ED96E7
400
#E45DDA
500
#DB24CD
600
#AF1DA4
700
#8C1783
800
#6D1266
900
#50114B
950
#320B2F

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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