#FFBCEA

#FFBCEA

Color Values

HEX

#FFBCEA

RGB

255, 188, 234

HSL

318.8, 100.0%, 86.9%

HSV

318.8, 26.3%, 100.0%

CMYK

0.0%, 26.3%, 8.2%, 0.0%

OKLCH

0.8701 0.0965 338.4

Properties

Warm Light Nearest: Lavender

Color Harmonies

Complementary

#FFBCEA

#BCFFD1

Analogous

#F3BCFF

#FFBCC9

#FFBCEA

Triadic

#FFBCEA

#EAFFBC

#BCEAFF

Split Complementary

#FFBCEA

#C9FFBC

#BCFFF3

Tetradic

#FFBCEA

#FFF3BC

#BCFFD1

#BCC9FF

Color Blindness Simulation

Original

#FFBCEA

Protanopia

#E2E1DF

Deuteranopia

#E6EBDC

Tritanopia

#FCD6D4

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#FEF1FA
100
#FCDEF3
200
#FFB8E9
300
#FF85D9
400
#FF42C4
500
#FF00AF
600
#CC008C
700
#A30070
800
#800058
900
#5C0541
950
#3A0329

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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