DARK

💖 615 likes

Created Apr 21, 2018

6 colors

Color Palette Overview

000000

19010D

42261E

363520

3E4F4F

4F4744

Colors and Tints/Shades

10% Lighter	5% Lighter	Original Color	5% Darker	10% Darker
#1a1a1a Tint -10%	#0d0d0d Tint -5%	000000 Original	#000000 Shade +5%	#000000 Shade +10%
#490326 Tint -10%	#31021a Tint -5%	19010D Original	#000000 Shade +5%	#000000 Shade +10%
#663a2e Tint -10%	#543026 Tint -5%	42261E Original	#311c16 Shade +5%	#20120e Shade +10%
#575533 Tint -10%	#47452a Tint -5%	363520 Original	#272617 Shade +5%	#16160d Shade +10%
#556d6d Tint -10%	#4a5e5e Tint -5%	3E4F4F Original	#344242 Shade +5%	#283333 Shade +10%
#6a605c Tint -10%	#5d5451 Tint -5%	4F4744 Original	#413b39 Shade +5%	#342f2d Shade +10%

Complete Color Information

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

HEX	RGB	CMYK	Name
000000	RGB(0, 0, 0)	CMYK(0, 0, 0, 100)	Black
19010D	RGB(25, 1, 13)	CMYK(0, 96, 48, 90)	Black
42261E	RGB(66, 38, 30)	CMYK(0, 42, 55, 74)	Black
363520	RGB(54, 53, 32)	CMYK(0, 2, 41, 79)	Black
3E4F4F	RGB(62, 79, 79)	CMYK(22, 0, 0, 69)	Gray
4F4744	RGB(79, 71, 68)	CMYK(0, 10, 14, 69)	Gray

Print Design Considerations

CMYK values for professional printing

000000

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

19010D

C:0 M:96 Y:48 K:90

42261E

C:0 M:42 Y:55 K:74

363520

C:0 M:2 Y:41 K:79

3E4F4F

C:22 M:0 Y:0 K:69

4F4744

C:0 M:10 Y:14 K:69

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: 000000;
  --color-2: 19010D;
  --color-3: 42261E;
  --color-4: 363520;
  --color-5: 3E4F4F;
  --color-6: 4F4744;
}

Text & Button Examples

See how text and buttons look on each color background

Black 000000

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.

Black 19010D

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.

Black 42261E

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.

Black 363520

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 3E4F4F

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 4F4744

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

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

Related Color Schemes

night sky!!!!

Midnight Calm

Pastel rainbow

my favorite colors:)