#F747FB

#F747FB

Color Values

HEX

#F747FB

RGB

247, 71, 251

HSL

298.7, 95.7%, 63.1%

HSV

298.7, 71.7%, 98.4%

CMYK

1.6%, 71.7%, 0.0%, 1.6%

OKLCH

0.7155 0.28 327.1

Properties

Cool Light Nearest: magenta 2

Color Harmonies

Complementary

#F747FB

#4BFB47

Analogous

#9D47FB

#FB47A5

#F747FB

Triadic

#F747FB

#FBF747

#47FBF7

Split Complementary

#F747FB

#A5FB47

#47FB9D

Tetradic

#F747FB

#FB9D47

#4BFB47

#47A5FB

Color Blindness Simulation

Original

#F747FB

Protanopia

#ABA9CF

Deuteranopia

#B5C2C5

Tritanopia

#EEADA6

Achromatopsia

#797979

CSS Usage

background-color: #F747FB;
color: #F747FB;
border-color: #F747FB;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FDF1FE
100
#FBDFFC
200
#FCB9FD
300
#FA87FC
400
#F746FB
500
#F405FA
600
#C304C8
700
#9C04A0
800
#7A037D
900
#58075A
950
#380439

Contrast Checker

Text on white

2.9:1

AA Fail AAA Fail

Text on black

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