FC

💖 659 likes

Created Sep 28, 2018

6 colors

Color Palette Overview

E5096E

5C7491

FFFFFF

6DD3E8

9C1981

F7941E

Colors and Tints/Shades

10% Lighter	5% Lighter	Original Color	5% Darker	10% Darker
#f62c8b Tint -10%	#f5147d Tint -5%	E5096E Original	#ce0965 Shade +5%	#b50859 Shade +10%
#768ca7 Tint -10%	#677f9e Tint -5%	5C7491 Original	#526680 Shade +5%	#485a70 Shade +10%
#ffffff Tint -10%	#ffffff Tint -5%	FFFFFF Original	#f2f2f2 Shade +5%	#e6e6e6 Shade +10%
#9ae1ef Tint -10%	#83daec Tint -5%	6DD3E8 Original	#57cde5 Shade +5%	#41c7e1 Shade +10%
#c520a4 Tint -10%	#af1d92 Tint -5%	9C1981 Original	#84156e Shade +5%	#6e125b Shade +10%
#f9ac4e Tint -10%	#f8a035 Tint -5%	F7941E Original	#f18909 Shade +5%	#d97b08 Shade +10%

Complete Color Information

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

HEX	RGB	CMYK	Name
E5096E	RGB(229, 9, 110)	CMYK(0, 96, 52, 10)	Pink
5C7491	RGB(92, 116, 145)	CMYK(37, 20, 0, 43)	Black
FFFFFF	RGB(255, 255, 255)	CMYK(0, 0, 0, 0)	White
6DD3E8	RGB(109, 211, 232)	CMYK(53, 9, 0, 9)	Cyan
9C1981	RGB(156, 25, 129)	CMYK(0, 84, 17, 39)	Purple
F7941E	RGB(247, 148, 30)	CMYK(0, 40, 88, 3)	Orange

Print Design Considerations

CMYK values for professional printing

E5096E

C:0 M:96 Y:52 K:10

5C7491

C:37 M:20 Y:0 K:43

FFFFFF

C:0 M:0 Y:0 K:0

6DD3E8

C:53 M:9 Y:0 K:9

9C1981

C:0 M:84 Y:17 K:39

F7941E

C:0 M:40 Y:88 K:3

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: E5096E;
  --color-2: 5C7491;
  --color-3: FFFFFF;
  --color-4: 6DD3E8;
  --color-5: 9C1981;
  --color-6: F7941E;
}

Text & Button Examples

See how text and buttons look on each color background

Pink E5096E

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.

Black 5C7491

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Black 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.

White FFFFFF

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the White background. The text color automatically adjusts to dark 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 light, so dark text provides optimal contrast for readability.

Cyan 6DD3E8

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Cyan background. The text color automatically adjusts to dark 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 light, so dark text provides optimal contrast for readability.

Purple 9C1981

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.

Orange F7941E

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Orange background. The text color automatically adjusts to dark 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 light, so dark text provides optimal contrast for readability.

Related Color Schemes

Discover more beautiful color combinations

FC

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

Related Color Schemes

night sky!!!!

Midnight Calm

Pastel rainbow

my favorite colors:)