#F7C6FA

#F7C6FA

Color Values

HEX

#F7C6FA

RGB

247, 198, 250

HSL

296.5, 83.9%, 87.8%

HSV

296.5, 20.8%, 98.0%

CMYK

1.2%, 20.8%, 0.0%, 2.0%

OKLCH

0.8854 0.0876 324.4

Properties

Cool Light Nearest: plum 1

Color Harmonies

Complementary

#F7C6FA

#C9FAC6

Analogous

#DDC6FA

#FAC6E3

#F7C6FA

Triadic

#F7C6FA

#FAF7C6

#C6FAF7

Split Complementary

#F7C6FA

#E3FAC6

#C6FADD

Tetradic

#F7C6FA

#FADDC6

#C9FAC6

#C6E3FA

Color Blindness Simulation

Original

#F7C6FA

Protanopia

#E2E1ED

Deuteranopia

#E5E8EA

Tritanopia

#F5E3E1

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F8E0FA
200
#F6BDF9
300
#EF8EF5
400
#E751F0
500
#DE15EA
600
#B210BC
700
#8E0D96
800
#6F0A75
900
#510C55
950
#330736

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

14.41:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026