Confidance Wear - new

💖 0 likes

Created Feb 27, 2024

5 colors

Color Palette Overview

ff7d75

7cdab8

f2ffa5

4e8aa4

af1e65

Colors and Tints/Shades

10% Lighter	5% Lighter	Original Color	5% Darker	10% Darker
#ffada8 Tint -10%	#ff948f Tint -5%	ff7d75 Original	#ff645c Shade +5%	#ff4c42 Shade +10%
#a4e5cd Tint -10%	#90e0c2 Tint -5%	7cdab8 Original	#68d4ad Shade +5%	#54cfa2 Shade +10%
#f9ffd6 Tint -10%	#f5ffbd Tint -5%	f2ffa5 Original	#edff8a Shade +5%	#eaff70 Shade +10%
#6aa1b9 Tint -10%	#5996b1 Tint -5%	4e8aa4 Original	#457b92 Shade +5%	#3c6c80 Shade +10%
#da257c Tint -10%	#c42170 Tint -5%	af1e65 Original	#991a57 Shade +5%	#83164b Shade +10%

Complete Color Information

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

HEX	RGB	CMYK	Name
ff7d75	RGB(255, 125, 117)	CMYK(0, 51, 54, 0)	Red
7cdab8	RGB(124, 218, 184)	CMYK(43, 0, 16, 15)	Cyan
f2ffa5	RGB(242, 255, 165)	CMYK(5, 0, 35, 0)	Yellow
4e8aa4	RGB(78, 138, 164)	CMYK(52, 16, 0, 36)	Black
af1e65	RGB(175, 30, 101)	CMYK(0, 83, 42, 31)	Pink

Print Design Considerations

CMYK values for professional printing

ff7d75

C:0 M:51 Y:54 K:0

7cdab8

C:43 M:0 Y:16 K:15

f2ffa5

C:5 M:0 Y:35 K:0

4e8aa4

C:52 M:16 Y:0 K:36

af1e65

C:0 M:83 Y:42 K:31

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: ff7d75;
  --color-2: 7cdab8;
  --color-3: f2ffa5;
  --color-4: 4e8aa4;
  --color-5: af1e65;
}

Text & Button Examples

See how text and buttons look on each color background

Red ff7d75

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Red 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 7cdab8

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.

Yellow f2ffa5

Heading Level 1

Heading Level 2

Heading Level 3

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

Black 4e8aa4

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.

Pink af1e65

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.

Related Color Schemes

Discover more beautiful color combinations

Confidance Wear - new

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

Related Color Schemes

night sky!!!!

Midnight Calm

Pastel rainbow

my favorite colors:)