#FB6CBD

#FB6CBD

Color Values

HEX

#FB6CBD

RGB

251, 108, 189

HSL

326.0, 94.7%, 70.4%

HSV

326.0, 57.0%, 98.4%

CMYK

0.0%, 57.0%, 24.7%, 1.6%

OKLCH

0.7296 0.194 347.9

Properties

Warm Light Nearest: Magenta

Color Harmonies

Complementary

#FB6CBD

#6CFBAA

Analogous

#F16CFB

#FB6C76

#FB6CBD

Triadic

#FB6CBD

#BDFB6C

#6CBDFB

Split Complementary

#FB6CBD

#76FB6C

#6CFBF1

Tetradic

#FB6CBD

#FBF16C

#6CFBAA

#6C76FB

Color Blindness Simulation

Original

#FB6CBD

Protanopia

#BDBCA9

Deuteranopia

#C5D0A5

Tritanopia

#F49A97

Achromatopsia

#909090

CSS Usage

background-color: #FB6CBD;
color: #FB6CBD;
border-color: #FB6CBD;
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
#390522

Contrast Checker

Text on white

2.63:1

AA Fail AAA Fail

Text on black

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