#FB89AF

#FB89AF

Color Values

HEX

#FB89AF

RGB

251, 137, 175

HSL

340,0, 93,4%, 76,1%

HSV

340,0, 45,4%, 98,4%

CMYK

0,0%, 45,4%, 30,3%, 1,6%

OKLCH

0,7645 0,1436 359,8

Properties

Warm Light Nearest: Tickle Me Pink

Color Harmonies

Complementary

#FB89AF

#89FBD5

Analogous

#FB89E8

#FB9C89

#FB89AF

Triadic

#FB89AF

#AFFB89

#89AFFB

Split Complementary

#FB89AF

#89FB9C

#89E8FB

Tetradic

#FB89AF

#E8FB89

#89FBD5

#9C89FB

Color Blindness Simulation

Original

#FB89AF

Protanopia

#CAC9A6

Deuteranopia

#D0D9A4

Tritanopia

#F59F9D

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#FDF1F5
100
#FBDFE8
200
#FDBAD0
300
#FB89AF
400
#F94983
500
#F70858
600
#C50746
700
#9E0538
800
#7B042C
900
#590823
950
#380516

Contrast Checker

Text on white

2,26:1

AA Fail AAA Fail

Text on black

9,3:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026