← Back to Editor

#EB375B · #E0844E · #CFCF6F · #ECE7CE · #60AA98

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#EB375B

Vermilion · Crimson · Passion Red

HEX
#EB375B
RGB
rgb(235, 55, 91)
HSL
hsl(348, 82%, 57%)
HSB
hsb(348, 77%, 92%)
CMYK
cmyk(0%, 77%, 61%, 8%)
Oklch
oklch(62.3% 0.214 15.3)

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

#E0844E

Tangerine · Coral · Warm Sun

HEX
#E0844E
RGB
rgb(224, 132, 78)
HSL
hsl(22, 70%, 59%)
HSB
hsb(22, 65%, 88%)
CMYK
cmyk(0%, 41%, 65%, 12%)
Oklch
oklch(70.2% 0.133 49.7)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#CFCF6F

Fresh Green · BurlyWood · Sunflower

HEX
#CFCF6F
RGB
rgb(207, 207, 111)
HSL
hsl(60, 50%, 62%)
HSB
hsb(60, 46%, 81%)
CMYK
cmyk(0%, 0%, 46%, 19%)
Oklch
oklch(83.4% 0.119 108.7)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#ECE7CE

Fresh Green · Bisque · Lemon Cream

HEX
#ECE7CE
RGB
rgb(236, 231, 206)
HSL
hsl(50, 44%, 87%)
HSB
hsb(50, 13%, 93%)
CMYK
cmyk(0%, 2%, 13%, 7%)
Oklch
oklch(92.5% 0.034 97.7)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#60AA98

Mineral Blue · CadetBlue · Lake Green

HEX
#60AA98
RGB
rgb(96, 170, 152)
HSL
hsl(165, 30%, 52%)
HSB
hsb(165, 44%, 67%)
CMYK
cmyk(44%, 0%, 11%, 33%)
Oklch
oklch(68.4% 0.079 176.3)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EB375B
37EBC7

Analogous

EB37B5
EB375B
EB6D37

Triadic

EB375B
5BEB37
375BEB

Split-Comp.

EB375B
37EB6D
37B5EB

Tetradic

EB375B
B5EB37
37EBC7
6D37EB

Contrast Matrix WCAG 2.1 Contrast

EB375B
E0844E
CFCF6F
ECE7CE
60AA98
—
1.4
Fail
2.4
Fail
3.2
AA Large
1.5
Fail
1.4
Fail
—
1.7
Fail
2.2
Fail
1.0
Fail
2.4
Fail
1.7
Fail
—
1.3
Fail
1.7
Fail
3.2
AA Large
2.2
Fail
1.3
Fail
—
2.2
Fail
1.5
Fail
1.0
Fail
1.7
Fail
2.2
Fail
—
White BG
4.0AA Large
2.8Fail
1.6Fail
1.2Fail
2.7Fail
Black BG
5.2AA
7.6AAA
12.8AAA
16.9AAA
7.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9B52
B8B75B
CFCF86
EAEAD4
80819C

Deuteranopia

A8B550
BEC45E
CFCF8C
EAEBD6
7C769D

Tritanopia

E24B4A
DB6568
CF999D
ECD9DA
64A0A1

Achromatopsia

717171
999999
C4C4C4
E6E6E6
929292

Shades & Tints Shades & Tints

#EB375B

Dark
Light

#E0844E

Dark
Light

#CFCF6F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eb375b;
  --color-2: #e0844e;
  --color-3: #cfcf6f;
  --color-4: #ece7ce;
  --color-5: #60aa98;
}

SCSS

$color-1: #eb375b;
$color-2: #e0844e;
$color-3: #cfcf6f;
$color-4: #ece7ce;
$color-5: #60aa98;

TAILWIND

colors: {
  'brand-1': '#eb375b',
  'brand-2': '#e0844e',
  'brand-3': '#cfcf6f',
  'brand-4': '#ece7ce',
  'brand-5': '#60aa98',
}

RGB Array

[235, 55, 91], [224, 132, 78], [207, 207, 111], [236, 231, 206], [96, 170, 152]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EB375B, #E0844E, #CFCF6F, #ECE7CE, #60AA98 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: #eb375b; --color-2: #e0844e; --color-3: #cfcf6f; --color-4: #ece7ce; --color-5: #60aa98. 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