#FFBAF5

#FFBAF5

Color Values

HEX

#FFBAF5

RGB

255, 186, 245

HSL

308.7, 100.0%, 86.5%

HSV

308.7, 27.1%, 100.0%

CMYK

0.0%, 27.1%, 3.9%, 0.0%

OKLCH

0.8705 0.1092 331.6

Properties

Warm Light Nearest: plum 1

Color Harmonies

Complementary

#FFBAF5

#BAFFC4

Analogous

#E7BAFF

#FFBAD3

#FFBAF5

Triadic

#FFBAF5

#F5FFBA

#BAF5FF

Split Complementary

#FFBAF5

#D3FFBA

#BAFFE7

Tetradic

#FFBAF5

#FFE7BA

#BAFFC4

#BAD3FF

Color Blindness Simulation

Original

#FFBAF5

Protanopia

#E1E1E7

Deuteranopia

#E5EAE3

Tritanopia

#FCDBD9

Achromatopsia

#CDCDCD

CSS Usage

background-color: #FFBAF5;
color: #FFBAF5;
border-color: #FFBAF5;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FEF1FC
100
#FCDEF8
200
#FFB8F5
300
#FF85ED
400
#FF42E4
500
#FF00DA
600
#CC00AE
700
#A3008C
800
#80006D
900
#5C054F
950
#3A0332

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

13.59:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026