#FB9CC2

#FB9CC2

Color Values

HEX

#FB9CC2

RGB

251, 156, 194

HSL

336.0, 92.2%, 79.8%

HSV

336.0, 37.8%, 98.4%

CMYK

0.0%, 37.8%, 22.7%, 1.6%

OKLCH

0.7997 0.1214 354.7

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#FB9CC2

#9CFBD5

Analogous

#FB9CF1

#FBA59C

#FB9CC2

Triadic

#FB9CC2

#C2FB9C

#9CC2FB

Split Complementary

#FB9CC2

#9CFBA5

#9CF1FB

Tetradic

#FB9CC2

#F1FB9C

#9CFBD5

#A59CFB

Color Blindness Simulation

Original

#FB9CC2

Protanopia

#D2D1B9

Deuteranopia

#D7DEB7

Tritanopia

#F6B2B0

Achromatopsia

#B3B3B3

CSS Usage

background-color: #FB9CC2;
color: #FB9CC2;
border-color: #FB9CC2;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FDF1F6
100
#FBDFEA
200
#FCBAD5
300
#FA89B7
400
#F84A8F
500
#F50A68
600
#C40853
700
#9D0643
800
#7B0534
900
#590828
950
#38051A

Contrast Checker

Text on white

1.97:1

AA Fail AAA Fail

Text on black

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