#F7C9FA

#F7C9FA

Color Values

HEX

#F7C9FA

RGB

247, 201, 250

HSL

296.3, 83.1%, 88.4%

HSV

296.3, 19.6%, 98.0%

CMYK

1.2%, 19.6%, 0.0%, 2.0%

OKLCH

0.8908 0.0823 324.3

Properties

Cool Light Nearest: Orchid

Color Harmonies

Complementary

#F7C9FA

#CCFAC9

Analogous

#DEC9FA

#FAC9E4

#F7C9FA

Triadic

#F7C9FA

#FAF7C9

#C9FAF7

Split Complementary

#F7C9FA

#E4FAC9

#C9FADE

Tetradic

#F7C9FA

#FADEC9

#CCFAC9

#C9E4FA

Color Blindness Simulation

Original

#F7C9FA

Protanopia

#E3E3EE

Deuteranopia

#E6E9EB

Tritanopia

#F5E5E3

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F8E1FA
200
#F5BEF9
300
#EE8FF5
400
#E552EF
500
#DC16E9
600
#B011BB
700
#8D0E95
800
#6E0B75
900
#500C55
950
#330835

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

14.69:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026