#FF9BD4

#FF9BD4

Color Values

HEX

#FF9BD4

RGB

255, 155, 212

HSL

325.8, 100.0%, 80.4%

HSV

325.8, 39.2%, 100.0%

CMYK

0.0%, 39.2%, 16.9%, 0.0%

OKLCH

0.8085 0.137 345.4

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#FF9BD4

#9BFFC6

Analogous

#F89BFF

#FF9BA2

#FF9BD4

Triadic

#FF9BD4

#D4FF9B

#9BD4FF

Split Complementary

#FF9BD4

#A2FF9B

#9BFFF8

Tetradic

#FF9BD4

#FFF89B

#9BFFC6

#9BA2FF

Color Blindness Simulation

Original

#FF9BD4

Protanopia

#D4D3C6

Deuteranopia

#DAE1C3

Tritanopia

#FABBB9

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#FEF1F8
100
#FCDEEF
200
#FFB8E0
300
#FF85CA
400
#FF42AE
500
#FF0091
600
#CC0074
700
#A3005D
800
#800049
900
#5C0537
950
#3A0322

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

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