← Back to Editor

#85314B · #AF4A58 · #D88984 · #EBC0B9 · #EBCBB6

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

#85314B

Dark Violet · Brown · Camellia

HEX
#85314B
RGB
rgb(133, 49, 75)
HSL
hsl(341, 46%, 36%)
HSB
hsb(341, 63%, 52%)
CMYK
cmyk(0%, 63%, 44%, 48%)
Oklch
oklch(44.0% 0.118 4.1)

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

#AF4A58

Crimson · Sienna · Passion Red

HEX
#AF4A58
RGB
rgb(175, 74, 88)
HSL
hsl(352, 41%, 49%)
HSB
hsb(352, 58%, 69%)
CMYK
cmyk(0%, 58%, 50%, 31%)
Oklch
oklch(54.4% 0.132 14.1)

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

#D88984

Peach Pink · DarkSalmon · Coral Red

HEX
#D88984
RGB
rgb(216, 137, 132)
HSL
hsl(4, 52%, 68%)
HSB
hsb(4, 39%, 85%)
CMYK
cmyk(0%, 37%, 39%, 15%)
Oklch
oklch(71.0% 0.098 23.8)

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

#EBC0B9

Peach Pink · LightPink · Cherry Blossom

HEX
#EBC0B9
RGB
rgb(235, 192, 185)
HSL
hsl(8, 56%, 82%)
HSB
hsb(8, 21%, 92%)
CMYK
cmyk(0%, 18%, 21%, 8%)
Oklch
oklch(84.4% 0.051 28.9)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#EBCBB6

Apricot · Wheat · Peach Orange

HEX
#EBCBB6
RGB
rgb(235, 203, 182)
HSL
hsl(24, 57%, 82%)
HSB
hsb(24, 23%, 92%)
CMYK
cmyk(0%, 14%, 23%, 8%)
Oklch
oklch(86.4% 0.046 55.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

85314B
32866B

Analogous

863277
85314B
864132

Triadic

85314B
4C8632
324C86

Split-Comp.

85314B
328641
327786

Tetradic

85314B
778632
32866B
413286

Contrast Matrix WCAG 2.1 Contrast

85314B
AF4A58
D88984
EBC0B9
EBCBB6
—
1.6
Fail
3.1
AA Large
5.0
AA
5.4
AA
1.6
Fail
—
2.0
Fail
3.2
AA Large
3.5
AA Large
3.1
AA Large
2.0
Fail
—
1.6
Fail
1.8
Fail
5.0
AA
3.2
AA Large
1.6
Fail
—
1.1
Fail
5.4
AA
3.5
AA Large
1.8
Fail
1.1
Fail
—
White BG
8.3AAA
5.3AA
2.7Fail
1.6Fail
1.5Fail
Black BG
2.5Fail
3.9AA Large
7.8AAA
12.8AAA
13.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

616045
838255
B6B585
D8D8BB
DDDDBB

Deuteranopia

666C43
899154
BAC086
DBDEBB
DFE1BC

Tritanopia

81403F
AA5251
D48686
E9BCBC
E9BFC0

Achromatopsia

4D4D4D
6A6A6A
A0A0A0
CCCCCC
D2D2D2

Shades & Tints Shades & Tints

#85314B

Dark
Light

#AF4A58

Dark
Light

#D88984

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #85314b;
  --color-2: #af4a58;
  --color-3: #d88984;
  --color-4: #ebc0b9;
  --color-5: #ebcbb6;
}

SCSS

$color-1: #85314b;
$color-2: #af4a58;
$color-3: #d88984;
$color-4: #ebc0b9;
$color-5: #ebcbb6;

TAILWIND

colors: {
  'brand-1': '#85314b',
  'brand-2': '#af4a58',
  'brand-3': '#d88984',
  'brand-4': '#ebc0b9',
  'brand-5': '#ebcbb6',
}

RGB Array

[133, 49, 75], [175, 74, 88], [216, 137, 132], [235, 192, 185], [235, 203, 182]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #85314B, #AF4A58, #D88984, #EBC0B9, #EBCBB6 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: #85314b; --color-2: #af4a58; --color-3: #d88984; --color-4: #ebc0b9; --color-5: #ebcbb6. 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