#F165FC

#F165FC

Color Values

HEX

#F165FC

RGB

241, 101, 252

HSL

295.6, 96.2%, 69.2%

HSV

295.6, 59.9%, 98.8%

CMYK

4.4%, 59.9%, 0.0%, 1.2%

OKLCH

0.736 0.2429 324.7

Properties

Cool Light Nearest: mediumorchid 1

Color Harmonies

Complementary

#F165FC

#70FC65

Analogous

#A565FC

#FC65BC

#F165FC

Triadic

#F165FC

#FCF165

#65FCF1

Split Complementary

#F165FC

#BCFC65

#65FCA5

Tetradic

#F165FC

#FCA565

#70FC65

#65BCFC

Color Blindness Simulation

Original

#F165FC

Protanopia

#B4B3D8

Deuteranopia

#BCC7CF

Tritanopia

#EABBB4

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#FDF1FE
100
#FADFFC
200
#F9B9FE
300
#F487FD
400
#EE46FB
500
#E805FA
600
#BA04C8
700
#9503A0
800
#74027D
900
#54075A
950
#350439

Contrast Checker

Text on white

2.62:1

AA Fail AAA Fail

Text on black

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