#FF9CBF

#FF9CBF

Color Values

HEX

#FF9CBF

RGB

255, 156, 191

HSL

338.8, 100.0%, 80.6%

HSV

338.8, 38.8%, 100.0%

CMYK

0.0%, 38.8%, 25.1%, 0.0%

OKLCH

0.8034 0.1243 357.6

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#FF9CBF

#9CFFDC

Analogous

#FF9CF0

#FFAB9C

#FF9CBF

Triadic

#FF9CBF

#BFFF9C

#9CBFFF

Split Complementary

#FF9CBF

#9CFFAB

#9CF0FF

Tetradic

#FF9CBF

#F0FF9C

#9CFFDC

#AB9CFF

Color Blindness Simulation

Original

#FF9CBF

Protanopia

#D4D3B7

Deuteranopia

#DAE1B4

Tritanopia

#FAB0AE

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#FEF1F5
100
#FCDEE9
200
#FFB8D1
300
#FF85B0
400
#FF4285
500
#FF005A
600
#CC0048
700
#A3003A
800
#80002D
900
#5C0524
950
#3A0317

Contrast Checker

Text on white

1.95:1

AA Fail AAA Fail

Text on black

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