IMZ dark

💖 0 likes

Created Feb 11, 2024

11 colors

Color Palette Overview

2c2725

887671

7e716b

71655f

695955

635854

5E524E

554C48

47403c

423a37

927e78

Colors and Tints/Shades

10% Lighter	5% Lighter	Original Color	5% Darker	10% Darker
#48403c Tint -10%	#3a3331 Tint -5%	2c2725 Original	#1f1b1a Shade +5%	#110f0e Shade +10%
#a0918d Tint -10%	#94847f Tint -5%	887671 Original	#7a6a66 Shade +5%	#6c5e5a Shade +10%
#988c86 Tint -10%	#8c7e78 Tint -5%	7e716b Original	#716560 Shade +5%	#635954 Shade +10%
#8d7e77 Tint -10%	#80726b Tint -5%	71655f Original	#645954 Shade +5%	#564d48 Shade +10%
#85706b Tint -10%	#77645f Tint -5%	695955 Original	#5b4c49 Shade +5%	#4c403d Shade +10%
#7f716c Tint -10%	#716560 Tint -5%	635854 Original	#554c49 Shade +5%	#48403d Shade +10%
#7a6b66 Tint -10%	#6c5f5a Tint -5%	5E524E Original	#514743 Shade +5%	#433a38 Shade +10%
#716560 Tint -10%	#635954 Tint -5%	554C48 Original	#48403d Shade +5%	#3a3431 Shade +10%
#635a54 Tint -10%	#554d49 Tint -5%	47403c Original	#3a3431 Shade +5%	#2c2826 Shade +10%
#5f534f Tint -10%	#514743 Tint -5%	423a37 Original	#352e2c Shade +5%	#272220 Shade +10%
#a99893 Tint -10%	#9d8b85 Tint -5%	927e78 Original	#85716b Shade +5%	#77655f Shade +10%

Complete Color Information

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

HEX	RGB	CMYK	Name
2c2725	RGB(44, 39, 37)	CMYK(0, 11, 16, 83)	Black
887671	RGB(136, 118, 113)	CMYK(0, 13, 17, 47)	Gray
7e716b	RGB(126, 113, 107)	CMYK(0, 10, 15, 51)	Gray
71655f	RGB(113, 101, 95)	CMYK(0, 11, 16, 56)	Gray
695955	RGB(105, 89, 85)	CMYK(0, 15, 19, 59)	Gray
635854	RGB(99, 88, 84)	CMYK(0, 11, 15, 61)	Gray
5E524E	RGB(94, 82, 78)	CMYK(0, 13, 17, 63)	Gray
554C48	RGB(85, 76, 72)	CMYK(0, 11, 15, 67)	Gray
47403c	RGB(71, 64, 60)	CMYK(0, 10, 15, 72)	Gray
423a37	RGB(66, 58, 55)	CMYK(0, 12, 17, 74)	Gray
927e78	RGB(146, 126, 120)	CMYK(0, 14, 18, 43)	Gray

Print Design Considerations

CMYK values for professional printing

2c2725

C:0 M:11 Y:16 K:83

887671

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

7e716b

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

71655f

C:0 M:11 Y:16 K:56

695955

C:0 M:15 Y:19 K:59

635854

C:0 M:11 Y:15 K:61

5E524E

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

554C48

C:0 M:11 Y:15 K:67

47403c

C:0 M:10 Y:15 K:72

423a37

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

927e78

C:0 M:14 Y:18 K:43

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: 2c2725;
  --color-2: 887671;
  --color-3: 7e716b;
  --color-4: 71655f;
  --color-5: 695955;
  --color-6: 635854;
  --color-7: 5E524E;
  --color-8: 554C48;
  --color-9: 47403c;
  --color-10: 423a37;
  --color-11: 927e78;
}

Text & Button Examples

See how text and buttons look on each color background

Black 2c2725

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.

Gray 7e716b

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 71655f

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 695955

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 635854

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 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 554C48

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 47403c

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.

Gray 927e78

Heading Level 1

Heading Level 2

Heading Level 3

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

IMZ dark

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

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