Tesi

💖 0 likes

Created Jan 3, 2024

6 colors

Color Palette Overview

E0A837

C22E2E

5E446B

0787C4

7D8635

6B7E6B

Colors and Tints/Shades

10% Lighter	5% Lighter	Original Color	5% Darker	10% Darker
#e7bb65 Tint -10%	#e3b24f Tint -5%	E0A837 Original	#dd9f22 Shade +5%	#c78f1f Shade +10%
#d54d4d Tint -10%	#d03939 Tint -5%	C22E2E Original	#ae2929 Shade +5%	#992424 Shade +10%
#785889 Tint -10%	#6b4e79 Tint -5%	5E446B Original	#4f3a5a Shade +5%	#42304b Shade +10%
#09abf6 Tint -10%	#089add Tint -5%	0787C4 Original	#0678ac Shade +5%	#056794 Shade +10%
#9fab44 Tint -10%	#8e993d Tint -5%	7D8635 Original	#6d752f Shade +5%	#5c6227 Shade +10%
#869886 Tint -10%	#788c78 Tint -5%	6B7E6B Original	#607160 Shade +5%	#546354 Shade +10%

Complete Color Information

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

HEX	RGB	CMYK	Name
E0A837	RGB(224, 168, 55)	CMYK(0, 25, 75, 12)	Orange
C22E2E	RGB(194, 46, 46)	CMYK(0, 76, 76, 24)	Red
5E446B	RGB(94, 68, 107)	CMYK(12, 36, 0, 58)	Black
0787C4	RGB(7, 135, 196)	CMYK(96, 31, 0, 23)	Cyan
7D8635	RGB(125, 134, 53)	CMYK(7, 0, 60, 47)	Black
6B7E6B	RGB(107, 126, 107)	CMYK(15, 0, 15, 51)	Gray

Print Design Considerations

CMYK values for professional printing

E0A837

C:0 M:25 Y:75 K:12

C22E2E

C:0 M:76 Y:76 K:24

5E446B

C:12 M:36 Y:0 K:58

0787C4

C:96 M:31 Y:0 K:23

7D8635

C:7 M:0 Y:60 K:47

6B7E6B

C:15 M:0 Y:15 K:51

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: E0A837;
  --color-2: C22E2E;
  --color-3: 5E446B;
  --color-4: 0787C4;
  --color-5: 7D8635;
  --color-6: 6B7E6B;
}

Text & Button Examples

See how text and buttons look on each color background

Orange E0A837

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.

Red C22E2E

Heading Level 1

Heading Level 2

Heading Level 3

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

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.

Cyan 0787C4

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Cyan 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 7D8635

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.

Gray 6B7E6B

Heading Level 1

Heading Level 2

Heading Level 3

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

Tesi

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:)