mask

I know you hate it

💖 1,122 likes

Created Feb 28, 2022

2 colors

Color Palette Overview

8CE6A6

E2E2E2

Colors and Tints/Shades

10% Lighter	5% Lighter	Original Color	5% Darker	10% Darker
#b8efc8 Tint -10%	#a3ebb7 Tint -5%	8CE6A6 Original	#79e297 Shade +5%	#64dd86 Shade +10%
#fcfcfc Tint -10%	#f0f0f0 Tint -5%	E2E2E2 Original	#d6d6d6 Shade +5%	#c9c9c9 Shade +10%

Complete Color Information

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

Color	HEX	RGB	CMYK	Name
	8CE6A6	RGB(140, 230, 166)	CMYK(39, 0, 28, 10)	Green
	E2E2E2	RGB(226, 226, 226)	CMYK(0, 0, 0, 11)	Gray

Print Design Considerations

CMYK values for professional printing

8CE6A6

C:39 M:0 Y:28 K:10

E2E2E2

C:0 M:0 Y:0 K:11

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: 8CE6A6;
  --color-2: E2E2E2;
}

Text & Button Examples

See how text and buttons look on each color background

Green 8CE6A6

Heading Level 1

Heading Level 2

Heading Level 3

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

Gray E2E2E2

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

mask

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

Related Color Schemes

night sky!!!!

Midnight Calm

Pastel rainbow

my favorite colors:)