← Back to Editor

#A0B898 · #FFF0D3 · #E3686D · #AA6266 · #936164

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

#A0B898

Celadon · DarkSeaGreen · Apple Green

HEX
#A0B898
RGB
rgb(160, 184, 152)
HSL
hsl(105, 18%, 66%)
HSB
hsb(105, 17%, 72%)
CMYK
cmyk(13%, 0%, 17%, 28%)
Oklch
oklch(75.6% 0.052 137.9)

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

#FFF0D3

Goose Yellow · Beige · Lemon Cream

HEX
#FFF0D3
RGB
rgb(255, 240, 211)
HSL
hsl(40, 100%, 91%)
HSB
hsb(40, 17%, 100%)
CMYK
cmyk(0%, 6%, 17%, 0%)
Oklch
oklch(96.0% 0.041 83.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#E3686D

Peach Pink · LightCoral · Coral Red

HEX
#E3686D
RGB
rgb(227, 104, 109)
HSL
hsl(358, 69%, 65%)
HSB
hsb(358, 54%, 89%)
CMYK
cmyk(0%, 54%, 52%, 11%)
Oklch
oklch(66.8% 0.153 19.7)

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

#AA6266

Crimson · Gray · Passion Red

HEX
#AA6266
RGB
rgb(170, 98, 102)
HSL
hsl(357, 30%, 53%)
HSB
hsb(357, 42%, 67%)
CMYK
cmyk(0%, 42%, 40%, 33%)
Oklch
oklch(57.8% 0.093 16.8)

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

#936164

Crimson · DimGray · Passion Red

HEX
#936164
RGB
rgb(147, 97, 100)
HSL
hsl(356, 20%, 48%)
HSB
hsb(356, 34%, 58%)
CMYK
cmyk(0%, 34%, 32%, 42%)
Oklch
oklch(54.7% 0.065 15.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A0B898
B099B8

Analogous

B0B899
A0B898
99B8A0

Triadic

A0B898
99A0B8
B899A0

Split-Comp.

A0B898
A099B8
B899B0

Tetradic

A0B898
99B0B8
B099B8
B8A099

Contrast Matrix WCAG 2.1 Contrast

A0B898
FFF0D3
E3686D
AA6266
936164
—
1.9
Fail
1.5
Fail
2.1
Fail
2.4
Fail
1.9
Fail
—
2.9
Fail
4.0
AA Large
4.5
AA
1.5
Fail
2.9
Fail
—
1.4
Fail
1.6
Fail
2.1
Fail
4.0
AA Large
1.4
Fail
—
1.1
Fail
2.4
Fail
4.5
AA
1.6
Fail
1.1
Fail
—
White BG
2.1Fail
1.1Fail
3.2AA Large
4.5AA
5.1AA
Black BG
9.8AAA
18.7AAA
6.5AA
4.6AA
4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

AAABA0
F9F8DA
AEAD6C
8B8A65
7D7D63

Deuteranopia

A9A7A2
F9FBDC
B5BE6C
8F9465
808463

Tritanopia

A1A6A7
FEE0E1
DD6B6B
A66464
916363

Achromatopsia

ADADAD
F1F1F1
8D8D8D
787878
707070

Shades & Tints Shades & Tints

#A0B898

Dark
Light

#FFF0D3

Dark
Light

#E3686D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a0b898;
  --color-2: #fff0d3;
  --color-3: #e3686d;
  --color-4: #aa6266;
  --color-5: #936164;
}

SCSS

$color-1: #a0b898;
$color-2: #fff0d3;
$color-3: #e3686d;
$color-4: #aa6266;
$color-5: #936164;

TAILWIND

colors: {
  'brand-1': '#a0b898',
  'brand-2': '#fff0d3',
  'brand-3': '#e3686d',
  'brand-4': '#aa6266',
  'brand-5': '#936164',
}

RGB Array

[160, 184, 152], [255, 240, 211], [227, 104, 109], [170, 98, 102], [147, 97, 100]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A0B898, #FFF0D3, #E3686D, #AA6266, #936164 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: #a0b898; --color-2: #fff0d3; --color-3: #e3686d; --color-4: #aa6266; --color-5: #936164. 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