#FFBACF

#FFBACF

Color Values

HEX

#FFBACF

RGB

255, 186, 207

HSL

341,7, 100,0%, 86,5%

HSV

341,7, 27,1%, 100,0%

CMYK

0,0%, 27,1%, 18,8%, 0,0%

OKLCH

0,8583 0,0836 359,1

Properties

Warm Light Nearest: pink 1

Color Harmonies

Complementary

#FFBACF

#BAFFEA

Analogous

#FFBAF2

#FFC8BA

#FFBACF

Triadic

#FFBACF

#CFFFBA

#BACFFF

Split Complementary

#FFBACF

#BAFFC8

#BAF2FF

Tetradic

#FFBACF

#F2FFBA

#BAFFEA

#C8BAFF

Color Blindness Simulation

Original

#FFBACF

Protanopia

#E1E1CA

Deuteranopia

#E5EAC9

Tritanopia

#FCC6C5

Achromatopsia

#CACACA

CSS Usage

background-color: #FFBACF;
color: #FFBACF;
border-color: #FFBACF;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#FEF1F5
100
#FCDEE7
200
#FFB8CD
300
#FF85AA
400
#FF427C
500
#FF004E
600
#CC003E
700
#A30032
800
#800027
900
#5C051F
950
#3A0314

Contrast Checker

Text on white

1,59:1

AA Fail AAA Fail

Text on black

13,18:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026