#EE5651 + #4B2849 + #415266 + #3E8484 + #83B997 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#EE5651

Peach Pink · Tomato · Coral Red

HEX

#EE5651

RGB

rgb(238, 86, 81)

HSL

hsl(2, 82%, 63%)

HSB

hsb(2, 66%, 93%)

CMYK

cmyk(0%, 64%, 66%, 7%)

Oklch

oklch(65.6% 0.188 25.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#4B2849

Rose Purple · DarkSlateGray · Eggplant

HEX

#4B2849

RGB

rgb(75, 40, 73)

HSL

hsl(303, 30%, 23%)

HSB

hsb(303, 47%, 29%)

CMYK

cmyk(0%, 47%, 3%, 71%)

Oklch

oklch(33.6% 0.072 329.1)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#415266

Indigo · DarkSlateGray · Prussian Blue

HEX

#415266

RGB

rgb(65, 82, 102)

HSL

hsl(212, 22%, 33%)

HSB

hsb(212, 36%, 40%)

CMYK

cmyk(36%, 20%, 0%, 60%)

Oklch

oklch(43.2% 0.040 252.8)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#3E8484

Slate Blue · SeaGreen · Mint Ice

HEX

#3E8484

RGB

rgb(62, 132, 132)

HSL

hsl(180, 36%, 38%)

HSB

hsb(180, 53%, 52%)

CMYK

cmyk(53%, 0%, 0%, 48%)

Oklch

oklch(56.9% 0.070 195.4)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#83B997

Celadon · DarkSeaGreen · Apple Green

HEX

#83B997

RGB

rgb(131, 185, 151)

HSL

hsl(142, 28%, 62%)

HSB

hsb(142, 29%, 73%)

CMYK

cmyk(29%, 0%, 18%, 27%)

Oklch

oklch(73.8% 0.075 156.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EE5651

53E9EE

Analogous

EE539B

EE5651

EEA653

Triadic

EE5651

53EE58

5853EE

Split-Comp.

EE5651

53EEA6

539BEE

Tetradic

EE5651

9BEE53

53E9EE

A653EE

Contrast Matrix WCAG 2.1 Contrast

EE5651	4B2849	415266	3E8484	83B997
—	3.6 AA Large	2.3 Fail	1.3 Fail	1.5 Fail
3.6 AA Large	—	1.5 Fail	2.8 Fail	5.5 AA
2.3 Fail	1.5 Fail	—	1.8 Fail	3.6 AA Large
1.3 Fail	2.8 Fail	1.8 Fail	—	1.9 Fail
1.5 Fail	5.5 AA	3.6 AA Large	1.9 Fail	—

White BG

3.5AA Large

12.4AAA

8.0AAA

4.3AA Large

2.2Fail

Black BG

6.1AA

1.7Fail

2.6Fail

4.8AA

9.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ACAB52

3C3C41

484961

5C5D84

9A9B9F

Deuteranopia

B5C053

3E413F

474660

585384

9793A1

Tritanopia

E65353

493B39

425D5D

428484

86A6A7

Achromatopsia

838383

363636

4F4F4F

6F6F6F

A5A5A5

Shades & Tints Shades & Tints

#EE5651

Dark

Light

#4B2849

Dark

Light

#415266

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ee5651;
  --color-2: #4b2849;
  --color-3: #415266;
  --color-4: #3e8484;
  --color-5: #83b997;
}

SCSS

$color-1: #ee5651;
$color-2: #4b2849;
$color-3: #415266;
$color-4: #3e8484;
$color-5: #83b997;

TAILWIND

colors: {
  'brand-1': '#ee5651',
  'brand-2': '#4b2849',
  'brand-3': '#415266',
  'brand-4': '#3e8484',
  'brand-5': '#83b997',
}

RGB Array

[238, 86, 81], [75, 40, 73], [65, 82, 102], [62, 132, 132], [131, 185, 151]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EE5651, #4B2849, #415266, #3E8484, #83B997 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: #ee5651; --color-2: #4b2849; --color-3: #415266; --color-4: #3e8484; --color-5: #83b997. 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