#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026