← Back to Editor

#FA5E73 · #E6DDD3 · #99CE5D · #43456D · #EB9765

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 LibraryData Visualization

Color Details Color Details

#FA5E73

Peach Pink · Salmon · Coral Red

HEX
#FA5E73
RGB
rgb(250, 94, 115)
HSL
hsl(352, 94%, 67%)
HSB
hsb(352, 62%, 98%)
CMYK
cmyk(0%, 62%, 54%, 2%)
Oklch
oklch(69.0% 0.190 15.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#E6DDD3

Goose Yellow · LightGray · Peach Orange

HEX
#E6DDD3
RGB
rgb(230, 221, 211)
HSL
hsl(32, 28%, 86%)
HSB
hsb(32, 8%, 90%)
CMYK
cmyk(0%, 4%, 8%, 10%)
Oklch
oklch(90.2% 0.017 70.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#99CE5D

Grass Green · DarkSeaGreen · Olive Green

HEX
#99CE5D
RGB
rgb(153, 206, 93)
HSL
hsl(88, 54%, 59%)
HSB
hsb(88, 55%, 81%)
CMYK
cmyk(26%, 0%, 55%, 19%)
Oklch
oklch(79.0% 0.154 130.2)

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

#43456D

Indigo · DarkSlateBlue · Prussian Blue

HEX
#43456D
RGB
rgb(67, 69, 109)
HSL
hsl(237, 24%, 35%)
HSB
hsb(237, 39%, 43%)
CMYK
cmyk(39%, 37%, 0%, 57%)
Oklch
oklch(40.7% 0.067 280.8)

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

#EB9765

Apricot · SandyBrown · Warm Sun

HEX
#EB9765
RGB
rgb(235, 151, 101)
HSL
hsl(22, 77%, 66%)
HSB
hsb(22, 57%, 92%)
CMYK
cmyk(0%, 36%, 57%, 8%)
Oklch
oklch(75.1% 0.121 50.8)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FA5E73
5CFAE5

Analogous

FA5CC0
FA5E73
FA965C

Triadic

FA5E73
71FA5C
5C71FA

Split-Comp.

FA5E73
5CFA96
5CC0FA

Tetradic

FA5E73
C0FA5C
5CFAE5
965CFA

Contrast Matrix WCAG 2.1 Contrast

FA5E73
E6DDD3
99CE5D
43456D
EB9765
—
2.3
Fail
1.6
Fail
3.0
Fail
1.3
Fail
2.3
Fail
—
1.4
Fail
6.8
AA
1.7
Fail
1.6
Fail
1.4
Fail
—
4.9
AA
1.2
Fail
3.0
Fail
6.8
AA
4.9
AA
—
4.0
AA Large
1.3
Fail
1.7
Fail
1.2
Fail
4.0
AA Large
—
White BG
3.0AA Large
1.3Fail
1.9Fail
9.1AAA
2.3Fail
Black BG
6.9AA
15.6AAA
11.3AAA
2.3Fail
9.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B56E
E2E2D5
B0B078
444463
C7C671

Deuteranopia

C0CB6D
E3E3D6
ADA97F
444461
CCD274

Tritanopia

F26A69
E6D7D8
9C8E93
435C5A
E77B7D

Achromatopsia

8F8F8F
DFDFDF
B1B1B1
494949
AAAAAA

Shades & Tints Shades & Tints

#FA5E73

Dark
Light

#E6DDD3

Dark
Light

#99CE5D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fa5e73;
  --color-2: #e6ddd3;
  --color-3: #99ce5d;
  --color-4: #43456d;
  --color-5: #eb9765;
}

SCSS

$color-1: #fa5e73;
$color-2: #e6ddd3;
$color-3: #99ce5d;
$color-4: #43456d;
$color-5: #eb9765;

TAILWIND

colors: {
  'brand-1': '#fa5e73',
  'brand-2': '#e6ddd3',
  'brand-3': '#99ce5d',
  'brand-4': '#43456d',
  'brand-5': '#eb9765',
}

RGB Array

[250, 94, 115], [230, 221, 211], [153, 206, 93], [67, 69, 109], [235, 151, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FA5E73, #E6DDD3, #99CE5D, #43456D, #EB9765 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #fa5e73; --color-2: #e6ddd3; --color-3: #99ce5d; --color-4: #43456d; --color-5: #eb9765. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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