Pastel Dream

Soft and dreamy pastel colors for a gentle palette

Selected Color Details: #ffb3ba

Information

HEX

RGB

HSL

hsl(354, 100, 85)

Variations

lighter

hsl(354, 100%, 100%)

#ffffff

darker

hsl(354, 100%, 65%)

#ff4d5e

saturated

hsl(354, 100%, 85%)

#ffb3ba

desaturated

hsl(354, 80%, 85%)

#f7bac0

Accessibility

Contrast Ratio with White

1.69:1

× Does not pass WCAG AA for normal text

Contrast Ratio with Black

12.41:1

✓ Passes WCAG AA for normal text

Usage Examples

Button Examples

Text Examples

Sample text in #ffb3ba

Sample text in #ffdfba

Sample text in #ffffba

Sample text in #baffc9

Sample text in #bae1ff

Sample text in #ffdab9

Sample text in #e0bbff

Sample text in #f0e68c

Sample text in #fafad2

Sample text in #fae6be

Sample text in #e6e6fa

Sample text in #fff5ee

Sample text in #f0fff0

Sample text in #f0f8ff

Sample text in #fff0f5

Sample text in #fdf5e6

Background Examples

Content on #ffb3ba
Content on #ffdfba
Content on #ffffba
Content on #baffc9
Content on #bae1ff
Content on #ffdab9
Content on #e0bbff
Content on #f0e68c
Content on #fafad2
Content on #fae6be
Content on #e6e6fa
Content on #fff5ee
Content on #f0fff0
Content on #f0f8ff
Content on #fff0f5
Content on #fdf5e6