light pink Color Codes
Color Preview
Light Pink Color Codes
Related Colors
Complementary
#004c45
Analogous
hsl(24, 100%, 85%)
hsl(324, 100%, 85%)
Triadic
hsl(114, 100%, 85%)
hsl(234, 100%, 85%)
Tetradic
hsl(84, 100%, 85%)
hsl(174, 100%, 85%)
hsl(264, 100%, 85%)
HTML Snippets
.element { background-color: #FFB3BA; }
.element { color: #FFB3BA; }
This is how the text color would appear.
<span style="color: #FFB3BA;">Colored text</span>
This text has an inline style applied.
Accessibility
Contrast Ratios
Black12.41 (AA)
White1.69 (Fail)
Shades of Light Pink
hsl(354, 100%, 55%)
hsl(354, 100%, 70%)
#FFB3BA
hsl(354, 100%, 100%)
hsl(354, 100%, 100%)
Color Blindness Simulations
Protanopia (Red-Blind)
#deddcb
Deuteranopia (Green-Blind)
#e3e8cf
Tritanopia (Blue-Blind)
#fbd4d7
Related Palettes
About light pink
light pink (#FFB3BA) is a versatile color that can be used in various design contexts. Explore its hex code, RGB and HSL values, and discover complementary colors to create stunning color palettes for your projects.