#FBA2F1

#FBA2F1

Color Values

HEX

#FBA2F1

RGB

251, 162, 241

HSL

306,7, 91,8%, 81,0%

HSV

306,7, 35,5%, 98,4%

CMYK

0,0%, 35,5%, 4,0%, 1,6%

OKLCH

0,8256 0,1441 330,8

Properties

Warm Light Nearest: plum 1

Color Harmonies

Complementary

#FBA2F1

#A2FBAC

Analogous

#D8A2FB

#FBA2C5

#FBA2F1

Triadic

#FBA2F1

#F1FBA2

#A2F1FB

Split Complementary

#FBA2F1

#C5FBA2

#A2FBD8

Tetradic

#FBA2F1

#FBD8A2

#A2FBAC

#A2C5FB

Color Blindness Simulation

Original

#FBA2F1

Protanopia

#D4D4DE

Deuteranopia

#DAE0D9

Tritanopia

#F7CFCB

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#FDF1FC
100
#FBDFF8
200
#FCBBF5
300
#FA8AED
400
#F74AE4
500
#F50ADA
600
#C408AF
700
#9D078C
800
#7A056D
900
#580850
950
#380532

Contrast Checker

Text on white

1,82:1

AA Fail AAA Fail

Text on black

11,54: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