Cranberry tea in a winter day

💖 7,994 likes

Created Jul 2, 2019

7 colors

Color Palette Overview

E5E5E5

9FC1DB

1A3850

0A1726

7B7B7B

9D2929

572727

Colors and Tints/Shades

10% Lighter	5% Lighter	Original Color	5% Darker	10% Darker
#ffffff Tint -10%	#f2f2f2 Tint -5%	E5E5E5 Original	#d9d9d9 Shade +5%	#cccccc Shade +10%
#c4d9e9 Tint -10%	#b1cde2 Tint -5%	9FC1DB Original	#8cb5d4 Shade +5%	#7aa9cd Shade +10%
#275377 Tint -10%	#204664 Tint -5%	1A3850 Original	#142b3e Shade +5%	#0e1d2a Shade +10%
#142f4d Tint -10%	#0f2238 Tint -5%	0A1726 Original	#040a10 Shade +5%	#000000 Shade +10%
#949494 Tint -10%	#878787 Tint -5%	7B7B7B Original	#6e6e6e Shade +5%	#616161 Shade +10%
#c73333 Tint -10%	#b22e2e Tint -5%	9D2929 Original	#8a2424 Shade +5%	#761e1e Shade +10%
#7b3737 Tint -10%	#6a2f2f Tint -5%	572727 Original	#462020 Shade +5%	#351818 Shade +10%

Complete Color Information

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

HEX	RGB	CMYK	Name
E5E5E5	RGB(229, 229, 229)	CMYK(0, 0, 0, 10)	White
9FC1DB	RGB(159, 193, 219)	CMYK(27, 12, 0, 14)	Black
1A3850	RGB(26, 56, 80)	CMYK(68, 30, 0, 69)	Blue
0A1726	RGB(10, 23, 38)	CMYK(74, 39, 0, 85)	Black
7B7B7B	RGB(123, 123, 123)	CMYK(0, 0, 0, 52)	Gray
9D2929	RGB(157, 41, 41)	CMYK(0, 74, 74, 38)	Red
572727	RGB(87, 39, 39)	CMYK(0, 55, 55, 66)	Black

Print Design Considerations

CMYK values for professional printing

E5E5E5

C:0 M:0 Y:0 K:10

9FC1DB

C:27 M:12 Y:0 K:14

1A3850

C:68 M:30 Y:0 K:69

0A1726

C:74 M:39 Y:0 K:85

7B7B7B

C:0 M:0 Y:0 K:52

9D2929

C:0 M:74 Y:74 K:38

572727

C:0 M:55 Y:55 K:66

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: E5E5E5;
  --color-2: 9FC1DB;
  --color-3: 1A3850;
  --color-4: 0A1726;
  --color-5: 7B7B7B;
  --color-6: 9D2929;
  --color-7: 572727;
}

Text & Button Examples

See how text and buttons look on each color background

White E5E5E5

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.

Black 9FC1DB

Heading Level 1

Heading Level 2

Heading Level 3

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

Blue 1A3850

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Blue 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 0A1726

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 7B7B7B

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.

Red 9D2929

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 572727

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.

Related Color Schemes

Discover more beautiful color combinations

Cranberry tea in a winter day

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

Related Color Schemes

night sky!!!!

Midnight Calm

Pastel rainbow

my favorite colors:)