← Back to Editor

#BED472 · #C8F1D3 · #E8FCE0 · #61302C · #AE755A

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

#BED472

Willow Green · Tan · Apple Green

HEX
#BED472
RGB
rgb(190, 212, 114)
HSL
hsl(73, 53%, 64%)
HSB
hsb(73, 46%, 83%)
CMYK
cmyk(10%, 0%, 46%, 17%)
Oklch
oklch(83.2% 0.126 119.6)

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

#C8F1D3

Emerald · LightGray · Mint Green

HEX
#C8F1D3
RGB
rgb(200, 241, 211)
HSL
hsl(136, 59%, 86%)
HSB
hsb(136, 17%, 95%)
CMYK
cmyk(17%, 0%, 12%, 5%)
Oklch
oklch(92.1% 0.059 153.4)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#E8FCE0

Emerald · Beige · Mint Green

HEX
#E8FCE0
RGB
rgb(232, 252, 224)
HSL
hsl(103, 82%, 93%)
HSB
hsb(103, 11%, 99%)
CMYK
cmyk(8%, 0%, 11%, 1%)
Oklch
oklch(96.9% 0.042 136.7)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#61302C

Crimson · DarkOliveGreen · Wine Red

HEX
#61302C
RGB
rgb(97, 48, 44)
HSL
hsl(5, 38%, 28%)
HSB
hsb(5, 55%, 38%)
CMYK
cmyk(0%, 51%, 55%, 62%)
Oklch
oklch(37.3% 0.072 25.9)

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

#AE755A

Tangerine · Sienna · Warm Sun

HEX
#AE755A
RGB
rgb(174, 117, 90)
HSL
hsl(19, 34%, 52%)
HSB
hsb(19, 48%, 68%)
CMYK
cmyk(0%, 33%, 48%, 32%)
Oklch
oklch(61.5% 0.082 46.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BED472
8873D4

Analogous

D4B873
BED472
8ED473

Triadic

BED472
73BFD4
D473BF

Split-Comp.

BED472
738ED4
B873D4

Tetradic

BED472
73D4B8
8873D4
D4738E

Contrast Matrix WCAG 2.1 Contrast

BED472
C8F1D3
E8FCE0
61302C
AE755A
—
1.3
Fail
1.5
Fail
6.5
AA
2.3
Fail
1.3
Fail
—
1.1
Fail
8.6
AAA
3.1
AA Large
1.5
Fail
1.1
Fail
—
9.9
AAA
3.5
AA Large
6.5
AA
8.6
AAA
9.9
AAA
—
2.8
Fail
2.3
Fail
3.1
AA Large
3.5
AA Large
2.8
Fail
—
White BG
1.6Fail
1.2Fail
1.1Fail
10.7AAA
3.8AA Large
Black BG
12.8AAA
17.0AAA
19.4AAA
2.0Fail
5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C88A
DADADA
F1F1E7
4C4B2D
959561

Deuteranopia

C6C58F
D7D4DC
F0EEE8
4F522D
999D62

Tritanopia

BF9CA1
CAE0E1
E9ECED
5F2E2E
AB6667

Achromatopsia

C2C2C2
E1E1E1
F3F3F3
3E3E3E
838383

Shades & Tints Shades & Tints

#BED472

Dark
Light

#C8F1D3

Dark
Light

#E8FCE0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bed472;
  --color-2: #c8f1d3;
  --color-3: #e8fce0;
  --color-4: #61302c;
  --color-5: #ae755a;
}

SCSS

$color-1: #bed472;
$color-2: #c8f1d3;
$color-3: #e8fce0;
$color-4: #61302c;
$color-5: #ae755a;

TAILWIND

colors: {
  'brand-1': '#bed472',
  'brand-2': '#c8f1d3',
  'brand-3': '#e8fce0',
  'brand-4': '#61302c',
  'brand-5': '#ae755a',
}

RGB Array

[190, 212, 114], [200, 241, 211], [232, 252, 224], [97, 48, 44], [174, 117, 90]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BED472, #C8F1D3, #E8FCE0, #61302C, #AE755A 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: #bed472; --color-2: #c8f1d3; --color-3: #e8fce0; --color-4: #61302c; --color-5: #ae755a. 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