#FB89BC

#FB89BC

Color Values

HEX

#FB89BC

RGB

251, 137, 188

HSL

333.2, 93.4%, 76.1%

HSV

333.2, 45.4%, 98.4%

CMYK

0.0%, 45.4%, 25.1%, 1.6%

OKLCH

0.7685 0.149 353.0

Properties

Warm Light Nearest: palevioletred 1

Color Harmonies

Complementary

#FB89BC

#89FBC8

Analogous

#FB89F5

#FB8F89

#FB89BC

Triadic

#FB89BC

#BCFB89

#89BCFB

Split Complementary

#FB89BC

#89FB8F

#89F5FB

Tetradic

#FB89BC

#F5FB89

#89FBC8

#8F89FB

Color Blindness Simulation

Original

#FB89BC

Protanopia

#CAC9B0

Deuteranopia

#D0D9AD

Tritanopia

#F5A6A4

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#FDF1F7
100
#FBDFEC
200
#FDBAD8
300
#FB89BC
400
#F94997
500
#F70873
600
#C5075C
700
#9E0549
800
#7B0439
900
#59082C
950
#38051C

Contrast Checker

Text on white

2.23:1

AA Fail AAA Fail

Text on black

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