#FB9AFD

#FB9AFD

Color Values

HEX

#FB9AFD

RGB

251, 154, 253

HSL

298,8, 96,1%, 79,8%

HSV

298,8, 39,1%, 99,2%

CMYK

0,8%, 39,1%, 0,0%, 0,8%

OKLCH

0,818 0,1686 326,3

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#FB9AFD

#9CFD9A

Analogous

#CA9AFD

#FD9ACD

#FB9AFD

Triadic

#FB9AFD

#FDFB9A

#9AFDFB

Split Complementary

#FB9AFD

#CDFD9A

#9AFDCA

Tetradic

#FB9AFD

#FDCA9A

#9CFD9A

#9ACDFD

Color Blindness Simulation

Original

#FB9AFD

Protanopia

#D1D0E5

Deuteranopia

#D7DEDF

Tritanopia

#F6D2CE

Achromatopsia

#B6B6B6

CSS Usage

background-color: #FB9AFD;
color: #FB9AFD;
border-color: #FB9AFD;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FDF1FE
100
#FBDFFC
200
#FCB9FE
300
#FA87FD
400
#F846FB
500
#F505FA
600
#C404C8
700
#9D03A0
800
#7B027D
900
#59075A
950
#380439

Contrast Checker

Text on white

1,88:1

AA Fail AAA Fail

Text on black

11,14:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026