← Back to Editor

#FDAA82 · #ED8B70 · #B76567 · #803F57 · #4C2E48

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#FDAA82

Apricot · LightSalmon · Warm Sun

HEX
#FDAA82
RGB
rgb(253, 170, 130)
HSL
hsl(20, 97%, 75%)
HSB
hsb(20, 49%, 99%)
CMYK
cmyk(0%, 33%, 49%, 1%)
Oklch
oklch(81.0% 0.112 46.4)

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

#ED8B70

Peach Pink · DarkSalmon · Coral Red

HEX
#ED8B70
RGB
rgb(237, 139, 112)
HSL
hsl(13, 78%, 68%)
HSB
hsb(13, 53%, 93%)
CMYK
cmyk(0%, 41%, 53%, 7%)
Oklch
oklch(73.5% 0.126 36.2)

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

#B76567

Crimson · Sienna · Passion Red

HEX
#B76567
RGB
rgb(183, 101, 103)
HSL
hsl(359, 36%, 56%)
HSB
hsb(359, 45%, 72%)
CMYK
cmyk(0%, 45%, 44%, 28%)
Oklch
oklch(60.1% 0.106 19.2)

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

#803F57

Dark Violet · DimGray · Camellia

HEX
#803F57
RGB
rgb(128, 63, 87)
HSL
hsl(338, 34%, 37%)
HSB
hsb(338, 51%, 50%)
CMYK
cmyk(0%, 51%, 32%, 50%)
Oklch
oklch(45.8% 0.094 358.1)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#4C2E48

Rose Purple · DarkSlateGray · Eggplant

HEX
#4C2E48
RGB
rgb(76, 46, 72)
HSL
hsl(308, 25%, 24%)
HSB
hsb(308, 39%, 30%)
CMYK
cmyk(0%, 39%, 5%, 70%)
Oklch
oklch(34.8% 0.060 331.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDAA82
81D4FD

Analogous

FD8196
FDAA82
FDE881

Triadic

FDAA82
81FDAB
AB81FD

Split-Comp.

FDAA82
81FDE8
8196FD

Tetradic

FDAA82
96FD81
81D4FD
E881FD

Contrast Matrix WCAG 2.1 Contrast

FDAA82
ED8B70
B76567
803F57
4C2E48
—
1.3
Fail
2.2
Fail
4.1
AA Large
6.3
AA
1.3
Fail
—
1.7
Fail
3.1
AA Large
4.8
AA
2.2
Fail
1.7
Fail
—
1.8
Fail
2.8
Fail
4.1
AA Large
3.1
AA Large
1.8
Fail
—
1.5
Fail
6.3
AA
4.8
AA
2.8
Fail
1.5
Fail
—
White BG
1.9Fail
2.5Fail
4.1AA Large
7.6AAA
11.7AAA
Black BG
11.2AAA
8.5AAA
5.1AA
2.8Fail
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D88C
C3C277
939367
646351
3F3F42

Deuteranopia

DEE48E
C8D078
989E66
686D50
414340

Tritanopia

F99395
E87C7D
B36666
7D4D4C
4B3D3C

Achromatopsia

BEBEBE
A5A5A5
7E7E7E
555555
3A3A3A

Shades & Tints Shades & Tints

#FDAA82

Dark
Light

#ED8B70

Dark
Light

#B76567

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fdaa82;
  --color-2: #ed8b70;
  --color-3: #b76567;
  --color-4: #803f57;
  --color-5: #4c2e48;
}

SCSS

$color-1: #fdaa82;
$color-2: #ed8b70;
$color-3: #b76567;
$color-4: #803f57;
$color-5: #4c2e48;

TAILWIND

colors: {
  'brand-1': '#fdaa82',
  'brand-2': '#ed8b70',
  'brand-3': '#b76567',
  'brand-4': '#803f57',
  'brand-5': '#4c2e48',
}

RGB Array

[253, 170, 130], [237, 139, 112], [183, 101, 103], [128, 63, 87], [76, 46, 72]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FDAA82, #ED8B70, #B76567, #803F57, #4C2E48 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: #fdaa82; --color-2: #ed8b70; --color-3: #b76567; --color-4: #803f57; --color-5: #4c2e48. 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