EVO

💖 4 likes

Created Aug 14, 2024

12 colors

Color Palette Overview

000816

F9F9F9

E8ECF1

C3C8CE

A2A5A9

E5EEFF

FEE078

FBD05D

0339A6

03318C

011D54

FFFCF2

Colors and Tints/Shades

10% Lighter	5% Lighter	Original Color	5% Darker	10% Darker
#001a47 Tint -10%	#00112e Tint -5%	000816 Original	#000000 Shade +5%	#000000 Shade +10%
#ffffff Tint -10%	#ffffff Tint -5%	F9F9F9 Original	#ededed Shade +5%	#e0e0e0 Shade +10%
#ffffff Tint -10%	#f9fafb Tint -5%	E8ECF1 Original	#d9e0e8 Shade +5%	#c9d3de Shade +10%
#e0e3e6 Tint -10%	#d2d6da Tint -5%	C3C8CE Original	#b6bcc3 Shade +5%	#a8afb8 Shade +10%
#bdbfc2 Tint -10%	#afb2b6 Tint -5%	A2A5A9 Original	#95989d Shade +5%	#888c91 Shade +10%
#ffffff Tint -10%	#ffffff Tint -5%	E5EEFF Original	#ccdeff Shade +5%	#b3cdff Shade +10%
#ffeca9 Tint -10%	#fee68f Tint -5%	FEE078 Original	#fedb5d Shade +5%	#fed643 Shade +10%
#fcde8d Tint -10%	#fbd774 Tint -5%	FBD05D Original	#fac942 Shade +5%	#fac229 Shade +10%
#044bd7 Tint -10%	#0442be Tint -5%	0339A6 Original	#03318c Shade +5%	#022873 Shade +10%
#0442be Tint -10%	#0339a5 Tint -5%	03318C Original	#022873 Shade +5%	#021f5a Shade +10%
#012e88 Tint -10%	#01266f Tint -5%	011D54 Original	#01153d Shade +5%	#000c23 Shade +10%
#ffffff Tint -10%	#ffffff Tint -5%	FFFCF2 Original	#fff5d6 Shade +5%	#fff0bd Shade +10%

Complete Color Information

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

HEX	RGB	CMYK	Name
000816	RGB(0, 8, 22)	CMYK(100, 64, 0, 91)	Black
F9F9F9	RGB(249, 249, 249)	CMYK(0, 0, 0, 2)	White
E8ECF1	RGB(232, 236, 241)	CMYK(4, 2, 0, 5)	White
C3C8CE	RGB(195, 200, 206)	CMYK(5, 3, 0, 19)	Gray
A2A5A9	RGB(162, 165, 169)	CMYK(4, 2, 0, 34)	Gray
E5EEFF	RGB(229, 238, 255)	CMYK(10, 7, 0, 0)	White
FEE078	RGB(254, 224, 120)	CMYK(0, 12, 53, 0)	Yellow
FBD05D	RGB(251, 208, 93)	CMYK(0, 17, 63, 2)	Orange
0339A6	RGB(3, 57, 166)	CMYK(98, 66, 0, 35)	Blue
03318C	RGB(3, 49, 140)	CMYK(98, 65, 0, 45)	Blue
011D54	RGB(1, 29, 84)	CMYK(99, 65, 0, 67)	Black
FFFCF2	RGB(255, 252, 242)	CMYK(0, 1, 5, 0)	White

Print Design Considerations

CMYK values for professional printing

000816

C:100 M:64 Y:0 K:91

F9F9F9

C:0 M:0 Y:0 K:2

E8ECF1

C:4 M:2 Y:0 K:5

C3C8CE

C:5 M:3 Y:0 K:19

A2A5A9

C:4 M:2 Y:0 K:34

E5EEFF

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

FEE078

C:0 M:12 Y:53 K:0

FBD05D

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

0339A6

C:98 M:66 Y:0 K:35

03318C

C:98 M:65 Y:0 K:45

011D54

C:99 M:65 Y:0 K:67

FFFCF2

C:0 M:1 Y:5 K:0

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: 000816;
  --color-2: F9F9F9;
  --color-3: E8ECF1;
  --color-4: C3C8CE;
  --color-5: A2A5A9;
  --color-6: E5EEFF;
  --color-7: FEE078;
  --color-8: FBD05D;
  --color-9: 0339A6;
  --color-10: 03318C;
  --color-11: 011D54;
  --color-12: FFFCF2;
}

Text & Button Examples

See how text and buttons look on each color background

Black 000816

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.

White F9F9F9

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.

White E8ECF1

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.

Gray C3C8CE

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.

Gray A2A5A9

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.

White E5EEFF

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.

Yellow FEE078

Heading Level 1

Heading Level 2

Heading Level 3

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

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.

Blue 0339A6

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 03318C

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 011D54

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.

White FFFCF2

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.

Related Color Schemes

Discover more beautiful color combinations

EVO

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

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