IMZ02 Tapete

💖 0 likes

Created Feb 8, 2024

10 colors

Color Palette Overview

a27f50

f1ece3

E9E0D2

F8A723

80643F

5E524E

423a37

342e2b

887671

faf8f4

Colors and Tints/Shades

10% Lighter	5% Lighter	Original Color	5% Darker	10% Darker
#b7966c Tint -10%	#ae8a5b Tint -5%	a27f50 Original	#907047 Shade +5%	#7e633e Shade +10%
#ffffff Tint -10%	#faf8f5 Tint -5%	f1ece3 Original	#e9e1d3 Shade +5%	#e0d6c2 Shade +10%
#faf8f5 Tint -10%	#f2ece4 Tint -5%	E9E0D2 Original	#e1d5c1 Shade +5%	#d8c9b0 Shade +10%
#fab952 Tint -10%	#f9af39 Tint -5%	F8A723 Original	#f79b08 Shade +5%	#df8c07 Shade +10%
#a17d4f Tint -10%	#907047 Tint -5%	80643F Original	#6d5536 Shade +5%	#5c482d Shade +10%
#7a6b66 Tint -10%	#6c5f5a Tint -5%	5E524E Original	#514743 Shade +5%	#433a38 Shade +10%
#5f534f Tint -10%	#514743 Tint -5%	423a37 Original	#352e2c Shade +5%	#272220 Shade +10%
#514843 Tint -10%	#433b38 Tint -5%	342e2b Original	#272320 Shade +5%	#191615 Shade +10%
#a0918d Tint -10%	#94847f Tint -5%	887671 Original	#7a6a66 Shade +5%	#6c5e5a Shade +10%
#ffffff Tint -10%	#ffffff Tint -5%	faf8f4 Original	#f2ede3 Shade +5%	#eae2d2 Shade +10%

Complete Color Information

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

HEX	RGB	CMYK	Name
a27f50	RGB(162, 127, 80)	CMYK(0, 22, 51, 36)	Brown
f1ece3	RGB(241, 236, 227)	CMYK(0, 2, 6, 5)	White
E9E0D2	RGB(233, 224, 210)	CMYK(0, 4, 10, 9)	Brown
F8A723	RGB(248, 167, 35)	CMYK(0, 33, 86, 3)	Orange
80643F	RGB(128, 100, 63)	CMYK(0, 22, 51, 50)	Brown
5E524E	RGB(94, 82, 78)	CMYK(0, 13, 17, 63)	Gray
423a37	RGB(66, 58, 55)	CMYK(0, 12, 17, 74)	Gray
342e2b	RGB(52, 46, 43)	CMYK(0, 12, 17, 80)	Black
887671	RGB(136, 118, 113)	CMYK(0, 13, 17, 47)	Gray
faf8f4	RGB(250, 248, 244)	CMYK(0, 1, 2, 2)	White

Print Design Considerations

CMYK values for professional printing

a27f50

C:0 M:22 Y:51 K:36

f1ece3

C:0 M:2 Y:6 K:5

E9E0D2

C:0 M:4 Y:10 K:9

F8A723

C:0 M:33 Y:86 K:3

80643F

C:0 M:22 Y:51 K:50

5E524E

C:0 M:13 Y:17 K:63

423a37

C:0 M:12 Y:17 K:74

342e2b

C:0 M:12 Y:17 K:80

887671

C:0 M:13 Y:17 K:47

faf8f4

C:0 M:1 Y:2 K:2

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: a27f50;
  --color-2: f1ece3;
  --color-3: E9E0D2;
  --color-4: F8A723;
  --color-5: 80643F;
  --color-6: 5E524E;
  --color-7: 423a37;
  --color-8: 342e2b;
  --color-9: 887671;
  --color-10: faf8f4;
}

Text & Button Examples

See how text and buttons look on each color background

Brown a27f50

Heading Level 1

Heading Level 2

Heading Level 3

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

White f1ece3

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.

Brown E9E0D2

Heading Level 1

Heading Level 2

Heading Level 3

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

Orange F8A723

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.

Brown 80643F

Heading Level 1

Heading Level 2

Heading Level 3

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

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.

Gray 423a37

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.

Black 342e2b

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 887671

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.

White faf8f4

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.

Related Color Schemes

Discover more beautiful color combinations

IMZ02 Tapete

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

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