Kahoot! Existion ColorScheme

💖 919 likes

Created May 10, 2019

8 colors

Color Palette Overview

8EC62F

2A97AC

39C3DF

CA7441

FB8F51

653FA2

8A57D8

B18EEA

Colors and Tints/Shades

10% Lighter	5% Lighter	Original Color	5% Darker	10% Darker
#a6d651 Tint -10%	#9bd13d Tint -5%	8EC62F Original	#80b22a Shade +5%	#719d25 Shade +10%
#3ab6cf Tint -10%	#2fa9c1 Tint -5%	2A97AC Original	#258598 Shade +5%	#207383 Shade +10%
#65d1e6 Tint -10%	#50cae2 Tint -5%	39C3DF Original	#24bddb Shade +5%	#20aac5 Shade +10%
#d49068 Tint -10%	#cf8154 Tint -5%	CA7441 Original	#bb6635 Shade +5%	#a75b2f Shade +10%
#fcaf82 Tint -10%	#fc9f69 Tint -5%	FB8F51 Original	#fb7f37 Shade +5%	#fa6f1e Shade +10%
#7e56bd Tint -10%	#7046b4 Tint -5%	653FA2 Original	#59388f Shade +5%	#4e317d Shade +10%
#a67fe1 Tint -10%	#986adc Tint -5%	8A57D8 Original	#7b41d2 Shade +5%	#6d2fca Shade +10%
#d0baf2 Tint -10%	#c1a5ee Tint -5%	B18EEA Original	#a379e6 Shade +5%	#9464e3 Shade +10%

Complete Color Information

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

HEX	RGB	CMYK	Name
8EC62F	RGB(142, 198, 47)	CMYK(28, 0, 76, 22)	Green
2A97AC	RGB(42, 151, 172)	CMYK(76, 12, 0, 33)	Cyan
39C3DF	RGB(57, 195, 223)	CMYK(74, 13, 0, 13)	Cyan
CA7441	RGB(202, 116, 65)	CMYK(0, 43, 68, 21)	Orange
FB8F51	RGB(251, 143, 81)	CMYK(0, 43, 68, 2)	Orange
653FA2	RGB(101, 63, 162)	CMYK(38, 61, 0, 36)	Black
8A57D8	RGB(138, 87, 216)	CMYK(36, 60, 0, 15)	Blue
B18EEA	RGB(177, 142, 234)	CMYK(24, 39, 0, 8)	Blue

Print Design Considerations

CMYK values for professional printing

8EC62F

C:28 M:0 Y:76 K:22

2A97AC

C:76 M:12 Y:0 K:33

39C3DF

C:74 M:13 Y:0 K:13

CA7441

C:0 M:43 Y:68 K:21

FB8F51

C:0 M:43 Y:68 K:2

653FA2

C:38 M:61 Y:0 K:36

8A57D8

C:36 M:60 Y:0 K:15

B18EEA

C:24 M:39 Y:0 K:8

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: 8EC62F;
  --color-2: 2A97AC;
  --color-3: 39C3DF;
  --color-4: CA7441;
  --color-5: FB8F51;
  --color-6: 653FA2;
  --color-7: 8A57D8;
  --color-8: B18EEA;
}

Text & Button Examples

See how text and buttons look on each color background

Green 8EC62F

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.

Cyan 2A97AC

Heading Level 1

Heading Level 2

Heading Level 3

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

Cyan 39C3DF

Heading Level 1

Heading Level 2

Heading Level 3

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

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.

Orange FB8F51

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.

Black 653FA2

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.

Blue 8A57D8

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.

Blue B18EEA

Heading Level 1

Heading Level 2

Heading Level 3

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

Kahoot! Existion ColorScheme

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

Related Color Schemes

night sky!!!!

Midnight Calm

Pastel rainbow

my favorite colors:)