Hex color reference
#DF87F3 color
Soft Magenta
Values, palettes and contrast for #DF87F3.
SpecimenNo. 14,649,331
#DF87F3
223 · 135 · 24324-bit color
01 / Values
Eight formats.
One click.
02 / 60 variations
20 tints · 20 shades · 20 tones
Base color#DF87F3
Tints
Shades
Interactive color wheel
Click, copy,
compare.
Hover any swatch for its name and hex. The center is this page’s color.
Open full picker studio →Pale Red#F8C9C9
Pale Orange#F8E0C9
Pale Yellow#F8F8C9
Pale Lime#E0F8C9
Pale Green#C9F8C9
Pale Teal#C9F8E0
Pale Cyan#C9F8F8
Pale Azure#C9E0F8
Pale Blue#C9C9F8
Pale Violet#E0C9F8
Pale Magenta#F8C9F8
Pale Rose#F8C9E0
Soft Red#F08989
Soft Orange#F0BD89
Soft Yellow#F0F089
Soft Lime#BDF089
Soft Green#89F089
Soft Teal#89F0BD
Soft Cyan#89F0F0
Soft Azure#89BDF0
Soft Blue#8989F0
Soft Violet#BD89F0
Soft Magenta#F089F0
Soft Rose#F089BD
True Red#E94949
True Orange#E99949
True Yellow#E9E949
True Lime#99E949
True Green#49E949
True Teal#49E999
True Cyan#49E9E9
True Azure#4999E9
True Blue#4949E9
True Violet#9949E9
True Magenta#E949E9
True Rose#E94999
Deep Red#C31818
Deep Orange#C36E18
Deep Yellow#C3C318
Deep Lime#6EC318
Deep Green#18C318
Deep Teal#18C36E
Deep Cyan#18C3C3
Deep Azure#186EC3
Deep Blue#1818C3
Deep Violet#6E18C3
Deep Magenta#C318C3
Deep Rose#C3186E
This color#DF87F3
Complement#9AF386
Analogous#F386D1
Triadic#F3DF86
This color#DF87F3Click dot to copy
03 / Contrast
Readable
or not?
Ink on #DF87F3AAA · 7.67:1
Readable type.
White on #DF87F3Fail · 2.36:1
Readable type.
Best text pairingInk #171612
7.67:1 contrast · AAA
04 / Vision
Four perceptions
05 / Five palettes
Relationships,
ready to use.
Complementary mix
Anchor to opposite
Analogous
Close neighbours
Triadic
Three-point energy
Split complementary
Contrast, softened
Monochrome
One hue, five depths
06 / Fingerprint
Balanced. Vivid.
Airy.
Balanced
Vivid
Airy
Best considered for
- Brand accent
- Selected states
- Editorial detail
- Data emphasis
08 / Ready-made palettes
Five good ways to use #DF87F3
Brand system
Identity + accents
Editorial
Type + highlights
Product UI
Interface states
Soft neutral
Calm surfaces
Bold campaign
High-impact mix