pinks and purples

different shades of pink and purple

💖 20 likes

Created Dec 8, 2023

7 colors

Color Palette Overview

BB10CE

B224A9

A40FC2

C20E50

6A27C2

CE4E9F

9C50CE

Colors and Tints/Shades

10% Lighter	5% Lighter	Original Color	5% Darker	10% Darker
#da25ef Tint -10%	#d311e8 Tint -5%	BB10CE Original	#a80eb9 Shade +5%	#920ca1 Shade +10%
#d534cb Tint -10%	#c729bc Tint -5%	B224A9 Original	#9d2094 Shade +5%	#871c80 Shade +10%
#ca17ee Tint -10%	#b910da Tint -5%	A40FC2 Original	#900dab Shade +5%	#7c0b93 Shade +10%
#ef1565 Tint -10%	#db0f5a Tint -5%	C20E50 Original	#ac0c47 Shade +5%	#940a3d Shade +10%
#8544da Tint -10%	#772ed6 Tint -5%	6A27C2 Original	#5f23af Shade +5%	#541e99 Shade +10%
#da77b5 Tint -10%	#d463ab Tint -5%	CE4E9F Original	#c93b95 Shade +5%	#b83287 Shade +10%
#b278d9 Tint -10%	#a764d3 Tint -5%	9C50CE Original	#903cc8 Shade +5%	#8234b7 Shade +10%

Complete Color Information

Professional color data with RGB and CMYK values for all design applications.

HEX	RGB	CMYK	Name
BB10CE	RGB(187, 16, 206)	CMYK(9, 92, 0, 19)	Purple
B224A9	RGB(178, 36, 169)	CMYK(0, 80, 5, 30)	Purple
A40FC2	RGB(164, 15, 194)	CMYK(15, 92, 0, 24)	Purple
C20E50	RGB(194, 14, 80)	CMYK(0, 93, 59, 24)	Pink
6A27C2	RGB(106, 39, 194)	CMYK(45, 80, 0, 24)	Blue
CE4E9F	RGB(206, 78, 159)	CMYK(0, 62, 23, 19)	Purple
9C50CE	RGB(156, 80, 206)	CMYK(24, 61, 0, 19)	Purple

Print Design Considerations

CMYK values for professional printing

BB10CE

C:9 M:92 Y:0 K:19

B224A9

C:0 M:80 Y:5 K:30

A40FC2

C:15 M:92 Y:0 K:24

C20E50

C:0 M:93 Y:59 K:24

6A27C2

C:45 M:80 Y:0 K:24

CE4E9F

C:0 M:62 Y:23 K:19

9C50CE

C:24 M:61 Y:0 K:19

Usage Examples

See how this color scheme works in different design contexts and get inspiration for your projects.

CSS Variables

Use these CSS custom properties in your stylesheets

:root {
  --color-1: BB10CE;
  --color-2: B224A9;
  --color-3: A40FC2;
  --color-4: C20E50;
  --color-5: 6A27C2;
  --color-6: CE4E9F;
  --color-7: 9C50CE;
}

Text & Button Examples

See how text and buttons look on each color background

Purple BB10CE

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Purple background. The text color automatically adjusts to light for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as dark, so light text provides optimal contrast for readability.

Purple B224A9

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Purple background. The text color automatically adjusts to light for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as dark, so light text provides optimal contrast for readability.

Purple A40FC2

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Purple background. The text color automatically adjusts to light for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as dark, so light text provides optimal contrast for readability.

Pink C20E50

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Pink background. The text color automatically adjusts to light for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as dark, so light text provides optimal contrast for readability.

Blue 6A27C2

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Blue background. The text color automatically adjusts to light for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as dark, so light text provides optimal contrast for readability.

Purple CE4E9F

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Purple background. The text color automatically adjusts to light for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as dark, so light text provides optimal contrast for readability.

Purple 9C50CE

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Purple background. The text color automatically adjusts to light for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as dark, so light text provides optimal contrast for readability.

Related Color Schemes

Discover more beautiful color combinations

pinks and purples

Color Palette Overview

Colors and Tints/Shades

Complete Color Information

Print Design Considerations

Usage Examples

CSS Variables

Text & Button Examples

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Related Color Schemes

night sky!!!!

Midnight Calm

Pastel rainbow

my favorite colors:)