#FB89BF

#FB89BF

Color Values

HEX

#FB89BF

RGB

251, 137, 191

HSL

331.6, 93.4%, 76.1%

HSV

331.6, 45.4%, 98.4%

CMYK

0.0%, 45.4%, 23.9%, 1.6%

OKLCH

0.7694 0.1505 351.4

Properties

Warm Light Nearest: palevioletred 1

Color Harmonies

Complementary

#FB89BF

#89FBC5

Analogous

#FB89F8

#FB8C89

#FB89BF

Triadic

#FB89BF

#BFFB89

#89BFFB

Split Complementary

#FB89BF

#89FB8C

#89F8FB

Tetradic

#FB89BF

#F8FB89

#89FBC5

#8C89FB

Color Blindness Simulation

Original

#FB89BF

Protanopia

#CAC9B2

Deuteranopia

#D0D9AF

Tritanopia

#F5A8A5

Achromatopsia

#A5A5A5

CSS Usage

background-color: #FB89BF;
color: #FB89BF;
border-color: #FB89BF;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FDF1F7
100
#FBDFEC
200
#FDBADA
300
#FB89BF
400
#F9499C
500
#F70879
600
#C50761
700
#9E054E
800
#7B043D
900
#59082E
950
#38051D

Contrast Checker

Text on white

2.23:1

AA Fail AAA Fail

Text on black

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