#FFB4F5

#FFB4F5

Color Values

HEX

#FFB4F5

RGB

255, 180, 245

HSL

308.0, 100.0%, 85.3%

HSV

308.0, 29.4%, 100.0%

CMYK

0.0%, 29.4%, 3.9%, 0.0%

OKLCH

0.8604 0.1196 331.3

Properties

Warm Light Nearest: plum 1

Color Harmonies

Complementary

#FFB4F5

#B4FFBE

Analogous

#E4B4FF

#FFB4D0

#FFB4F5

Triadic

#FFB4F5

#F5FFB4

#B4F5FF

Split Complementary

#FFB4F5

#D0FFB4

#B4FFE4

Tetradic

#FFB4F5

#FFE4B4

#B4FFBE

#B4D0FF

Color Blindness Simulation

Original

#FFB4F5

Protanopia

#DFDEE5

Deuteranopia

#E3E8E2

Tritanopia

#FBD9D6

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#FEF1FC
100
#FCDEF8
200
#FFB8F5
300
#FF85EF
400
#FF42E6
500
#FF00DD
600
#CC00B1
700
#A3008D
800
#80006E
900
#5C0550
950
#3A0333

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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