#FBB5F4

#FBB5F4

Color Values

HEX

#FBB5F4

RGB

251, 181, 244

HSL

306.0, 89.7%, 84.7%

HSV

306.0, 27.9%, 98.4%

CMYK

0.0%, 27.9%, 2.8%, 1.6%

OKLCH

0.8577 0.1141 330.0

Properties

Warm Light Nearest: plum 1

Color Harmonies

Complementary

#FBB5F4

#B5FBBC

Analogous

#DFB5FB

#FBB5D1

#FBB5F4

Triadic

#FBB5F4

#F4FBB5

#B5F4FB

Split Complementary

#FBB5F4

#D1FBB5

#B5FBDF

Tetradic

#FBB5F4

#FBDFB5

#B5FBBC

#B5D1FB

Color Blindness Simulation

Original

#FBB5F4

Protanopia

#DDDCE5

Deuteranopia

#E1E6E1

Tritanopia

#F8D9D6

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#FBE0F8
200
#FBBBF5
300
#F98BEE
400
#F54CE4
500
#F20DDB
600
#C10BAF
700
#9B088C
800
#79076D
900
#580950
950
#370632

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

13.02:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026