#FB7DFB

#FB7DFB

Color Values

HEX

#FB7DFB

RGB

251, 125, 251

HSL

300,0, 94,0%, 73,7%

HSV

300,0, 50,2%, 98,4%

CMYK

0,0%, 50,2%, 0,0%, 1,6%

OKLCH

0,7766 0,2131 327,4

Properties

Warm Light Nearest: Shocking Pink

Color Harmonies

Complementary

#FB7DFB

#7DFB7D

Analogous

#BC7DFB

#FB7DBC

#FB7DFB

Triadic

#FB7DFB

#FBFB7D

#7DFBFB

Split Complementary

#FB7DFB

#BCFB7D

#7DFBBC

Tetradic

#FB7DFB

#FBBC7D

#7DFB7D

#7DBCFB

Color Blindness Simulation

Original

#FB7DFB

Protanopia

#C4C3DD

Deuteranopia

#CCD5D5

Tritanopia

#F5C4BF

Achromatopsia

#A1A1A1

CSS Usage

background-color: #FB7DFB;
color: #FB7DFB;
border-color: #FB7DFB;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FDBAFD
300
#FB88FB
400
#F948F9
500
#F708F7
600
#C606C6
700
#9E059E
800
#7C047C
900
#590759
950
#380538

Contrast Checker

Text on white

2,23:1

AA Fail AAA Fail

Text on black

9,43: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