#F565FB

#F565FB

Color Values

HEX

#F565FB

RGB

245, 101, 251

HSL

297.6, 94.9%, 69.0%

HSV

297.6, 59.8%, 98.4%

CMYK

2.4%, 59.8%, 0.0%, 1.6%

OKLCH

0.7406 0.2441 326.1

Properties

Cool Light Nearest: Pink Flamingo

Color Harmonies

Complementary

#F565FB

#6BFB65

Analogous

#AA65FB

#FB65B6

#F565FB

Triadic

#F565FB

#FBF565

#65FBF5

Split Complementary

#F565FB

#B6FB65

#65FBAA

Tetradic

#F565FB

#FBAA65

#6BFB65

#65B6FB

Color Blindness Simulation

Original

#F565FB

Protanopia

#B7B5D7

Deuteranopia

#BFCACE

Tritanopia

#EEBAB4

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#FDF1FE
100
#FADFFC
200
#FAB9FD
300
#F788FC
400
#F347FA
500
#EF07F8
600
#BF05C7
700
#99049F
800
#77037C
900
#57075A
950
#370439

Contrast Checker

Text on white

2.58:1

AA Fail AAA Fail

Text on black

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