#FB69BC

#FB69BC

Color Values

HEX

#FB69BC

RGB

251, 105, 188

HSL

325.9, 94.8%, 69.8%

HSV

325.9, 58.2%, 98.4%

CMYK

0.0%, 58.2%, 25.1%, 1.6%

OKLCH

0.7256 0.1978 347.9

Properties

Warm Light Nearest: Magenta

Color Harmonies

Complementary

#FB69BC

#69FBA8

Analogous

#F169FB

#FB6973

#FB69BC

Triadic

#FB69BC

#BCFB69

#69BCFB

Split Complementary

#FB69BC

#73FB69

#69FBF1

Tetradic

#FB69BC

#FBF169

#69FBA8

#6973FB

Color Blindness Simulation

Original

#FB69BC

Protanopia

#BCBBA8

Deuteranopia

#C4CFA3

Tritanopia

#F49895

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#FEF1F8
100
#FCDFEF
200
#FDB9E0
300
#FC88CA
400
#FA47AD
500
#F80790
600
#C70573
700
#9F045C
800
#7C0348
900
#5A0736
950
#390422

Contrast Checker

Text on white

2.68:1

AA Fail AAA Fail

Text on black

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