#7295AC + #89B89C + #C7E04C + #EBF042 + #E5674A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#7295AC

Slate Blue · LightSlateGray · Navy Blue

HEX

#7295AC

RGB

rgb(114, 149, 172)

HSL

hsl(204, 26%, 56%)

HSB

hsb(204, 34%, 67%)

CMYK

cmyk(34%, 13%, 0%, 33%)

Oklch

oklch(65.2% 0.052 237.4)

Traditional「Slate Blue」· Paint「Navy Blue」· Creative Blush Sunrise

#89B89C

Celadon · DarkSeaGreen · Apple Green

HEX

#89B89C

RGB

rgb(137, 184, 156)

HSL

hsl(144, 25%, 63%)

HSB

hsb(144, 26%, 72%)

CMYK

cmyk(26%, 0%, 15%, 28%)

Oklch

oklch(74.1% 0.064 158.2)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#C7E04C

Grass Green · GreenYellow · Olive Green

HEX

#C7E04C

RGB

rgb(199, 224, 76)

HSL

hsl(70, 70%, 59%)

HSB

hsb(70, 66%, 88%)

CMYK

cmyk(11%, 0%, 66%, 12%)

Oklch

oklch(86.1% 0.171 118.4)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#EBF042

Autumn Sage · GreenYellow · Sunflower

HEX

#EBF042

RGB

rgb(235, 240, 66)

HSL

hsl(62, 85%, 60%)

HSB

hsb(62, 73%, 94%)

CMYK

cmyk(2%, 0%, 73%, 6%)

Oklch

oklch(92.2% 0.184 111.2)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#E5674A

Vermilion · Tomato · Passion Red

HEX

#E5674A

RGB

rgb(229, 103, 74)

HSL

hsl(11, 75%, 59%)

HSB

hsb(11, 68%, 90%)

CMYK

cmyk(0%, 55%, 68%, 10%)

Oklch

oklch(66.3% 0.163 34.3)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7295AC

AC8972

Analogous

72ACA6

7295AC

7277AC

Triadic

7295AC

AC7295

95AC72

Split-Comp.

7295AC

AC7277

ACA672

Tetradic

7295AC

A672AC

AC8972

77AC72

Contrast Matrix WCAG 2.1 Contrast

7295AC	89B89C	C7E04C	EBF042	E5674A
—	1.4 Fail	2.1 Fail	2.6 Fail	1.0 Fail
1.4 Fail	—	1.5 Fail	1.8 Fail	1.5 Fail
2.1 Fail	1.5 Fail	—	1.2 Fail	2.2 Fail
2.6 Fail	1.8 Fail	1.2 Fail	—	2.7 Fail
1.0 Fail	1.5 Fail	2.2 Fail	2.7 Fail	—

White BG

3.2AA Large

2.2Fail

1.5Fail

1.2Fail

3.3AA Large

Black BG

6.6AA

9.4AAA

14.2AAA

17.1AAA

6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8181A6

9D9EA3

D2D270

EDED6C

AEAD51

Deuteranopia

7F7DA5

9B97A4

D0CF78

EDED76

B6BF53

Tritanopia

74A2A1

8BA8A9

C88C92

EB8D95

DF5758

Achromatopsia

8D8D8D

A7A7A7

C8C8C8

DBDBDB

898989

Shades & Tints Shades & Tints

#7295AC

Dark

Light

#89B89C

Dark

Light

#C7E04C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7295ac;
  --color-2: #89b89c;
  --color-3: #c7e04c;
  --color-4: #ebf042;
  --color-5: #e5674a;
}

SCSS

$color-1: #7295ac;
$color-2: #89b89c;
$color-3: #c7e04c;
$color-4: #ebf042;
$color-5: #e5674a;

TAILWIND

colors: {
  'brand-1': '#7295ac',
  'brand-2': '#89b89c',
  'brand-3': '#c7e04c',
  'brand-4': '#ebf042',
  'brand-5': '#e5674a',
}

RGB Array

[114, 149, 172], [137, 184, 156], [199, 224, 76], [235, 240, 66], [229, 103, 74]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7295AC, #89B89C, #C7E04C, #EBF042, #E5674A is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #7295ac; --color-2: #89b89c; --color-3: #c7e04c; --color-4: #ebf042; --color-5: #e5674a. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This general-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color