#F8C1F7

#F8C1F7

Color Values

HEX

#F8C1F7

RGB

248, 193, 247

HSL

301.1, 79.7%, 86.5%

HSV

301.1, 22.2%, 97.3%

CMYK

0.0%, 22.2%, 0.4%, 2.7%

OKLCH

0.8765 0.0939 326.9

Properties

Warm Light Nearest: plum 1

Color Harmonies

Complementary

#F8C1F7

#C1F8C2

Analogous

#DEC1F8

#F8C1DC

#F8C1F7

Triadic

#F8C1F7

#F7F8C1

#C1F7F8

Split Complementary

#F8C1F7

#DCF8C1

#C1F8DE

Tetradic

#F8C1F7

#F8DEC1

#C1F8C2

#C1DCF8

Color Blindness Simulation

Original

#F8C1F7

Protanopia

#E0E0EA

Deuteranopia

#E3E8E7

Tritanopia

#F5E0DD

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#F9E1F9
200
#F8BFF7
300
#F391F1
400
#EC55E9
500
#E51AE1
600
#B715B4
700
#931190
800
#730D71
900
#530E52
950
#350934

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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