Better Days

💖 0 likes

Created Oct 1, 2023

4 colors

Color Palette Overview

25408F

F69D1B

EA6C20

E6A3C7

Colors and Tints/Shades

10% Lighter	5% Lighter	Original Color	5% Darker	10% Darker
#2f51b6 Tint -10%	#2a48a2 Tint -5%	25408F Original	#1f367a Shade +5%	#1a2d65 Shade +10%
#f8b44f Tint -10%	#f7aa36 Tint -5%	F69D1B Original	#f0940a Shade +5%	#d78509 Shade +10%
#ef8b4e Tint -10%	#ec7c36 Tint -5%	EA6C20 Original	#db6114 Shade +5%	#c45612 Shade +10%
#f1cbdf Tint -10%	#ebb7d3 Tint -5%	E6A3C7 Original	#e08fba Shade +5%	#db7bae Shade +10%

Complete Color Information

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

HEX	RGB	CMYK	Name
25408F	RGB(37, 64, 143)	CMYK(74, 55, 0, 44)	Blue
F69D1B	RGB(246, 157, 27)	CMYK(0, 36, 89, 4)	Orange
EA6C20	RGB(234, 108, 32)	CMYK(0, 54, 86, 8)	Orange
E6A3C7	RGB(230, 163, 199)	CMYK(0, 29, 13, 10)	Purple

Print Design Considerations

CMYK values for professional printing

25408F

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

F69D1B

C:0 M:36 Y:89 K:4

EA6C20

C:0 M:54 Y:86 K:8

E6A3C7

C:0 M:29 Y:13 K:10

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: 25408F;
  --color-2: F69D1B;
  --color-3: EA6C20;
  --color-4: E6A3C7;
}

Text & Button Examples

See how text and buttons look on each color background

Blue 25408F

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.

Orange F69D1B

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 EA6C20

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.

Purple E6A3C7

Heading Level 1

Heading Level 2

Heading Level 3

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

Better Days

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

Related Color Schemes

night sky!!!!

Midnight Calm

Pastel rainbow

my favorite colors:)