← Back to Editor

#E6B656 · #C0B28B · #F71643 · #D0D9B9 · #553520

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

#E6B656

Ginger · SandyBrown · Sunflower

HEX
#E6B656
RGB
rgb(230, 182, 86)
HSL
hsl(40, 74%, 62%)
HSB
hsb(40, 63%, 90%)
CMYK
cmyk(0%, 21%, 63%, 10%)
Oklch
oklch(80.1% 0.126 82.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#C0B28B

Ginger · Tan · Sunflower

HEX
#C0B28B
RGB
rgb(192, 178, 139)
HSL
hsl(44, 30%, 65%)
HSB
hsb(44, 28%, 75%)
CMYK
cmyk(0%, 7%, 28%, 25%)
Oklch
oklch(76.5% 0.055 90.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#F71643

Vermilion · Crimson · Passion Red

HEX
#F71643
RGB
rgb(247, 22, 67)
HSL
hsl(348, 93%, 53%)
HSB
hsb(348, 91%, 97%)
CMYK
cmyk(0%, 91%, 73%, 3%)
Oklch
oklch(62.2% 0.243 20.4)

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

#D0D9B9

Willow Green · LightGray · Apple Green

HEX
#D0D9B9
RGB
rgb(208, 217, 185)
HSL
hsl(77, 30%, 79%)
HSB
hsb(77, 15%, 85%)
CMYK
cmyk(4%, 0%, 15%, 15%)
Oklch
oklch(87.0% 0.044 120.1)

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

#553520

Tangerine · DarkOliveGreen · Cinnamon

HEX
#553520
RGB
rgb(85, 53, 32)
HSL
hsl(24, 45%, 23%)
HSB
hsb(24, 62%, 33%)
CMYK
cmyk(0%, 38%, 62%, 67%)
Oklch
oklch(36.2% 0.057 53.3)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6B656
5686E6

Analogous

E66E56
E6B656
CEE656

Triadic

E6B656
56E6B6
B656E6

Split-Comp.

E6B656
56CEE6
6E56E6

Tetradic

E6B656
56E66E
5686E6
E656CE

Contrast Matrix WCAG 2.1 Contrast

E6B656
C0B28B
F71643
D0D9B9
553520
—
1.1
Fail
2.2
Fail
1.3
Fail
5.8
AA
1.1
Fail
—
1.9
Fail
1.4
Fail
5.2
AA
2.2
Fail
1.9
Fail
—
2.8
Fail
2.7
Fail
1.3
Fail
1.4
Fail
2.8
Fail
—
7.5
AAA
5.8
AA
5.2
AA
2.7
Fail
7.5
AAA
—
White BG
1.9Fail
2.1Fail
4.1AA Large
1.5Fail
11.0AAA
Black BG
11.2AAA
10.0AAA
5.2AA
14.3AAA
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D16D
BABA94
969438
D4D4C1
474725

Deuteranopia

D4D873
BBBC97
A3B336
D3D3C3
494B26

Tritanopia

E48084
BF9C9E
EC302E
D0C7C8
53292A

Achromatopsia

B9B9B9
B2B2B2
5E5E5E
D3D3D3
3C3C3C

Shades & Tints Shades & Tints

#E6B656

Dark
Light

#C0B28B

Dark
Light

#F71643

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6b656;
  --color-2: #c0b28b;
  --color-3: #f71643;
  --color-4: #d0d9b9;
  --color-5: #553520;
}

SCSS

$color-1: #e6b656;
$color-2: #c0b28b;
$color-3: #f71643;
$color-4: #d0d9b9;
$color-5: #553520;

TAILWIND

colors: {
  'brand-1': '#e6b656',
  'brand-2': '#c0b28b',
  'brand-3': '#f71643',
  'brand-4': '#d0d9b9',
  'brand-5': '#553520',
}

RGB Array

[230, 182, 86], [192, 178, 139], [247, 22, 67], [208, 217, 185], [85, 53, 32]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6B656, #C0B28B, #F71643, #D0D9B9, #553520 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: #e6b656; --color-2: #c0b28b; --color-3: #f71643; --color-4: #d0d9b9; --color-5: #553520. 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