#FB62FA

#FB62FA

Color Values

HEX

#FB62FA

RGB

251, 98, 250

HSL

300.4, 95.0%, 68.4%

HSV

300.4, 61.0%, 98.4%

CMYK

0.0%, 61.0%, 0.4%, 1.6%

OKLCH

0.7447 0.2503 328.0

Properties

Warm Light Nearest: Pink Flamingo

Color Harmonies

Complementary

#FB62FA

#62FB63

Analogous

#AF62FB

#FB62AD

#FB62FA

Triadic

#FB62FA

#FAFB62

#62FAFB

Split Complementary

#FB62FA

#ADFB62

#62FBAF

Tetradic

#FB62FA

#FBAF62

#62FB63

#62ADFB

Color Blindness Simulation

Original

#FB62FA

Protanopia

#B9B7D5

Deuteranopia

#C2CDCC

Tritanopia

#F3B8B2

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#FEF1FD
100
#FCDFFB
200
#FDB9FD
300
#FC88FB
400
#FA47F9
500
#F906F7
600
#C705C6
700
#9F049E
800
#7C037C
900
#5A0759
950
#390438

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

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