MAS colours

Colours for MAS brand

💖 0 likes

Created Jul 30, 2025

8 colors

Color Palette Overview

#80477C

#AC68A8

#C799C4

#000000

#FFFFFF

#68AC6C

#99C79C

#CAE2CC

Colors and Tints/Shades

10% Lighter	5% Lighter	Original Color	5% Darker	10% Darker
#a1599c Tint -10%	#91508c Tint -5%	#80477C Original	#703e6c Shade +5%	#5f355d Shade +10%
#be89ba Tint -10%	#b578b1 Tint -5%	#AC68A8 Original	#a1599c Shade +5%	#91508c Shade +10%
#d9bad7 Tint -10%	#d0a9cd Tint -5%	#C799C4 Original	#be89ba Shade +5%	#b578b1 Shade +10%
#1a1a1a Tint -10%	#0d0d0d Tint -5%	#000000 Original	#000000 Shade +5%	#000000 Shade +10%
#ffffff Tint -10%	#ffffff Tint -5%	#FFFFFF Original	#f2f2f2 Shade +5%	#e6e6e6 Shade +10%
#89be8c Tint -10%	#78b57c Tint -5%	#68AC6C Original	#59a15e Shade +5%	#509154 Shade +10%
#bad9bc Tint -10%	#a9d0ac Tint -5%	#99C79C Original	#89be8c Shade +5%	#78b57c Shade +10%
#ebf4ec Tint -10%	#dbebdc Tint -5%	#CAE2CC Original	#bad9bd Shade +5%	#a9d0ad Shade +10%

Complete Color Information

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

HEX	RGB	CMYK	Name
#80477C	RGB(128, 71, 124)	CMYK(0, 45, 3, 50)	Black
#AC68A8	RGB(172, 104, 168)	CMYK(0, 40, 2, 33)	Black
#C799C4	RGB(199, 153, 196)	CMYK(0, 23, 2, 22)	Black
#000000	RGB(0, 0, 0)	CMYK(0, 0, 0, 100)	Black
#FFFFFF	RGB(255, 255, 255)	CMYK(0, 0, 0, 0)	White
#68AC6C	RGB(104, 172, 108)	CMYK(40, 0, 37, 33)	Black
#99C79C	RGB(153, 199, 156)	CMYK(23, 0, 22, 22)	Black
#CAE2CC	RGB(202, 226, 204)	CMYK(11, 0, 10, 11)	Black

Print Design Considerations

CMYK values for professional printing

#80477C

C:0 M:45 Y:3 K:50

#AC68A8

C:0 M:40 Y:2 K:33

#C799C4

C:0 M:23 Y:2 K:22

#000000

C:0 M:0 Y:0 K:100

#FFFFFF

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

#68AC6C

C:40 M:0 Y:37 K:33

#99C79C

C:23 M:0 Y:22 K:22

#CAE2CC

C:11 M:0 Y:10 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: #80477C;
  --color-2: #AC68A8;
  --color-3: #C799C4;
  --color-4: #000000;
  --color-5: #FFFFFF;
  --color-6: #68AC6C;
  --color-7: #99C79C;
  --color-8: #CAE2CC;
}

Text & Button Examples

See how text and buttons look on each color background

Black #80477C

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.

Black #AC68A8

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.

Black #C799C4

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.

Black #000000

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 #FFFFFF

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 #68AC6C

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.

Black #99C79C

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.

Black #CAE2CC

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.

Related Color Schemes

Discover more beautiful color combinations

MAS colours

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