← Back to Editor

#AFBFA5 · #E6D5A9 · #C68D60 · #CD5861 · #872F3F

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

#AFBFA5

Celadon · DarkGray · Apple Green

HEX
#AFBFA5
RGB
rgb(175, 191, 165)
HSL
hsl(97, 17%, 70%)
HSB
hsb(97, 14%, 75%)
CMYK
cmyk(8%, 0%, 14%, 25%)
Oklch
oklch(78.5% 0.040 133.3)

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

#E6D5A9

Goose Yellow · Wheat · Lemon Cream

HEX
#E6D5A9
RGB
rgb(230, 213, 169)
HSL
hsl(43, 55%, 78%)
HSB
hsb(43, 27%, 90%)
CMYK
cmyk(0%, 7%, 27%, 10%)
Oklch
oklch(87.6% 0.061 89.4)

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

#C68D60

Tangerine · DarkSalmon · Warm Sun

HEX
#C68D60
RGB
rgb(198, 141, 96)
HSL
hsl(26, 47%, 58%)
HSB
hsb(26, 52%, 78%)
CMYK
cmyk(0%, 29%, 52%, 22%)
Oklch
oklch(68.9% 0.092 58.7)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#CD5861

Crimson · Tomato · Passion Red

HEX
#CD5861
RGB
rgb(205, 88, 97)
HSL
hsl(355, 54%, 57%)
HSB
hsb(355, 57%, 80%)
CMYK
cmyk(0%, 57%, 53%, 20%)
Oklch
oklch(61.1% 0.149 17.9)

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

#872F3F

Crimson · Brown · Wine Red

HEX
#872F3F
RGB
rgb(135, 47, 63)
HSL
hsl(349, 48%, 36%)
HSB
hsb(349, 65%, 53%)
CMYK
cmyk(0%, 65%, 53%, 47%)
Oklch
oklch(43.8% 0.121 12.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AFBFA5
B6A5C0

Analogous

BCC0A5
AFBFA5
A5C0A9

Triadic

AFBFA5
A5AFC0
C0A5AF

Split-Comp.

AFBFA5
A9A5C0
C0A5BC

Tetradic

AFBFA5
A5BCC0
B6A5C0
C0A9A5

Contrast Matrix WCAG 2.1 Contrast

AFBFA5
E6D5A9
C68D60
CD5861
872F3F
—
1.3
Fail
1.5
Fail
2.1
Fail
4.3
AA Large
1.3
Fail
—
2.0
Fail
2.8
Fail
5.8
AA
1.5
Fail
2.0
Fail
—
1.4
Fail
2.9
Fail
2.1
Fail
2.8
Fail
1.4
Fail
—
2.1
Fail
4.3
AA Large
5.8
AA
2.9
Fail
2.1
Fail
—
White BG
1.9Fail
1.5Fail
2.8Fail
4.1AA Large
8.4AAA
Black BG
10.8AAA
14.5AAA
7.4AAA
5.2AA
2.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B6AB
DFDEB4
ADAD6B
9A995F
61603B

Deuteranopia

B5B4AD
E0E1B6
B1B56D
A1AA5E
666D3A

Tritanopia

B0B0B1
E5BCBE
C37375
C75D5D
833837

Achromatopsia

B7B7B7
D5D5D5
999999
7C7C7C
4B4B4B

Shades & Tints Shades & Tints

#AFBFA5

Dark
Light

#E6D5A9

Dark
Light

#C68D60

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #afbfa5;
  --color-2: #e6d5a9;
  --color-3: #c68d60;
  --color-4: #cd5861;
  --color-5: #872f3f;
}

SCSS

$color-1: #afbfa5;
$color-2: #e6d5a9;
$color-3: #c68d60;
$color-4: #cd5861;
$color-5: #872f3f;

TAILWIND

colors: {
  'brand-1': '#afbfa5',
  'brand-2': '#e6d5a9',
  'brand-3': '#c68d60',
  'brand-4': '#cd5861',
  'brand-5': '#872f3f',
}

RGB Array

[175, 191, 165], [230, 213, 169], [198, 141, 96], [205, 88, 97], [135, 47, 63]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AFBFA5, #E6D5A9, #C68D60, #CD5861, #872F3F 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: #afbfa5; --color-2: #e6d5a9; --color-3: #c68d60; --color-4: #cd5861; --color-5: #872f3f. 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