← Back to Editor

#4C0820 · #C3D37B · #BEA723 · #E6D8D2 · #B26E82

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

#4C0820

Dark Violet · Maroon · Raspberry

HEX
#4C0820
RGB
rgb(76, 8, 32)
HSL
hsl(339, 81%, 16%)
HSB
hsb(339, 89%, 30%)
CMYK
cmyk(0%, 89%, 58%, 70%)
Oklch
oklch(27.6% 0.099 6.3)

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

#C3D37B

Willow Green · Tan · Apple Green

HEX
#C3D37B
RGB
rgb(195, 211, 123)
HSL
hsl(71, 50%, 65%)
HSB
hsb(71, 42%, 83%)
CMYK
cmyk(8%, 0%, 42%, 17%)
Oklch
oklch(83.5% 0.114 117.4)

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

#BEA723

Autumn Sage · GoldenRod · Honey Gold

HEX
#BEA723
RGB
rgb(190, 167, 35)
HSL
hsl(51, 69%, 44%)
HSB
hsb(51, 82%, 75%)
CMYK
cmyk(0%, 12%, 82%, 25%)
Oklch
oklch(72.7% 0.141 98.5)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#E6D8D2

Apricot · LightGray · Peach Orange

HEX
#E6D8D2
RGB
rgb(230, 216, 210)
HSL
hsl(18, 29%, 86%)
HSB
hsb(18, 9%, 90%)
CMYK
cmyk(0%, 6%, 9%, 10%)
Oklch
oklch(89.2% 0.018 44.8)

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

#B26E82

Dark Violet · Gray · Rose Pink

HEX
#B26E82
RGB
rgb(178, 110, 130)
HSL
hsl(342, 31%, 56%)
HSB
hsb(342, 38%, 70%)
CMYK
cmyk(0%, 38%, 27%, 30%)
Oklch
oklch(61.7% 0.090 1.0)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4C0820
084A33

Analogous

4A0840
4C0820
4A1208

Triadic

4C0820
1F4A08
081F4A

Split-Comp.

4C0820
084A12
08404A

Tetradic

4C0820
404A08
084A33
12084A

Contrast Matrix WCAG 2.1 Contrast

4C0820
C3D37B
BEA723
E6D8D2
B26E82
—
9.5
AAA
6.4
AA
11.1
AAA
4.0
AA Large
9.5
AAA
—
1.5
Fail
1.2
Fail
2.4
Fail
6.4
AA
1.5
Fail
—
1.7
Fail
1.6
Fail
11.1
AAA
1.2
Fail
1.7
Fail
—
2.8
Fail
4.0
AA Large
2.4
Fail
1.6
Fail
2.8
Fail
—
White BG
15.4AAA
1.6Fail
2.4Fail
1.4Fail
3.9AA Large
Black BG
1.4Fail
12.9AAA
8.7AAA
15.1AAA
5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2F2E1A
CACA90
B4B443
E0E0D3
95947D

Deuteranopia

333819
C9C895
B5B74B
E1E2D4
999E7C

Tritanopia

491615
C4A1A5
BD5C62
E5D5D5
AF7979

Achromatopsia

1F1F1F
C4C4C4
9F9F9F
DCDCDC
858585

Shades & Tints Shades & Tints

#4C0820

Dark
Light

#C3D37B

Dark
Light

#BEA723

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4c0820;
  --color-2: #c3d37b;
  --color-3: #bea723;
  --color-4: #e6d8d2;
  --color-5: #b26e82;
}

SCSS

$color-1: #4c0820;
$color-2: #c3d37b;
$color-3: #bea723;
$color-4: #e6d8d2;
$color-5: #b26e82;

TAILWIND

colors: {
  'brand-1': '#4c0820',
  'brand-2': '#c3d37b',
  'brand-3': '#bea723',
  'brand-4': '#e6d8d2',
  'brand-5': '#b26e82',
}

RGB Array

[76, 8, 32], [195, 211, 123], [190, 167, 35], [230, 216, 210], [178, 110, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4C0820, #C3D37B, #BEA723, #E6D8D2, #B26E82 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: #4c0820; --color-2: #c3d37b; --color-3: #bea723; --color-4: #e6d8d2; --color-5: #b26e82. 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