← Back to Editor

#EFB993 · #DF9E82 · #D1776F · #81636F · #46586E

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

#EFB993

Apricot · BurlyWood · Peach Orange

HEX
#EFB993
RGB
rgb(239, 185, 147)
HSL
hsl(25, 74%, 76%)
HSB
hsb(25, 38%, 94%)
CMYK
cmyk(0%, 23%, 38%, 6%)
Oklch
oklch(82.6% 0.081 56.5)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#DF9E82

Apricot · DarkSalmon · Warm Sun

HEX
#DF9E82
RGB
rgb(223, 158, 130)
HSL
hsl(18, 59%, 69%)
HSB
hsb(18, 42%, 87%)
CMYK
cmyk(0%, 29%, 42%, 13%)
Oklch
oklch(75.5% 0.087 44.2)

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

#D1776F

Peach Pink · LightCoral · Coral Red

HEX
#D1776F
RGB
rgb(209, 119, 111)
HSL
hsl(5, 52%, 63%)
HSB
hsb(5, 47%, 82%)
CMYK
cmyk(0%, 43%, 47%, 18%)
Oklch
oklch(66.6% 0.114 25.9)

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

#81636F

Dark Violet · DimGray · Camellia

HEX
#81636F
RGB
rgb(129, 99, 111)
HSL
hsl(336, 13%, 45%)
HSB
hsb(336, 23%, 51%)
CMYK
cmyk(0%, 23%, 14%, 49%)
Oklch
oklch(53.4% 0.042 352.8)

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

#46586E

Indigo · DimGray · Prussian Blue

HEX
#46586E
RGB
rgb(70, 88, 110)
HSL
hsl(213, 22%, 35%)
HSB
hsb(213, 36%, 43%)
CMYK
cmyk(36%, 20%, 0%, 57%)
Oklch
oklch(45.4% 0.043 253.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFB993
95C9EF

Analogous

EF959C
EFB993
EFE895

Triadic

EFB993
95EFBA
BA95EF

Split-Comp.

EFB993
95EFE8
959CEF

Tetradic

EFB993
9CEF95
95C9EF
E895EF

Contrast Matrix WCAG 2.1 Contrast

EFB993
DF9E82
D1776F
81636F
46586E
—
1.3
Fail
1.8
Fail
3.0
AA Large
4.2
AA Large
1.3
Fail
—
1.4
Fail
2.4
Fail
3.2
AA Large
1.8
Fail
1.4
Fail
—
1.7
Fail
2.3
Fail
3.0
AA Large
2.4
Fail
1.7
Fail
—
1.4
Fail
4.2
AA Large
3.2
AA Large
2.3
Fail
1.4
Fail
—
White BG
1.7Fail
2.2Fail
3.2AA Large
5.3AA
7.3AAA
Black BG
12.0AAA
9.4AAA
6.6AA
3.9AA Large
2.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D79C
C3C289
AAA971
74746C
4E4E69

Deuteranopia

DBDF9E
C7CC8A
AFB671
76786B
4D4B67

Tritanopia

ECA3A5
DC8E8F
CC7273
806A69
476464

Achromatopsia

C5C5C5
AEAEAE
919191
6D6D6D
555555

Shades & Tints Shades & Tints

#EFB993

Dark
Light

#DF9E82

Dark
Light

#D1776F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efb993;
  --color-2: #df9e82;
  --color-3: #d1776f;
  --color-4: #81636f;
  --color-5: #46586e;
}

SCSS

$color-1: #efb993;
$color-2: #df9e82;
$color-3: #d1776f;
$color-4: #81636f;
$color-5: #46586e;

TAILWIND

colors: {
  'brand-1': '#efb993',
  'brand-2': '#df9e82',
  'brand-3': '#d1776f',
  'brand-4': '#81636f',
  'brand-5': '#46586e',
}

RGB Array

[239, 185, 147], [223, 158, 130], [209, 119, 111], [129, 99, 111], [70, 88, 110]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFB993, #DF9E82, #D1776F, #81636F, #46586E 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: #efb993; --color-2: #df9e82; --color-3: #d1776f; --color-4: #81636f; --color-5: #46586e. 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