← Back to Editor

#EAEABC · #7F9B74 · #6D5C55 · #452532 · #CD0455

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

#EAEABC

Fresh Green · Wheat · Lemon Cream

HEX
#EAEABC
RGB
rgb(234, 234, 188)
HSL
hsl(60, 52%, 83%)
HSB
hsb(60, 20%, 92%)
CMYK
cmyk(0%, 0%, 20%, 8%)
Oklch
oklch(92.6% 0.060 107.5)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#7F9B74

Celadon · Gray · Olive Green

HEX
#7F9B74
RGB
rgb(127, 155, 116)
HSL
hsl(103, 16%, 53%)
HSB
hsb(103, 25%, 61%)
CMYK
cmyk(18%, 0%, 25%, 39%)
Oklch
oklch(65.7% 0.065 137.0)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#6D5C55

Tangerine · DimGray · Amber Brown

HEX
#6D5C55
RGB
rgb(109, 92, 85)
HSL
hsl(18, 12%, 38%)
HSB
hsb(18, 22%, 43%)
CMYK
cmyk(0%, 16%, 22%, 57%)
Oklch
oklch(48.9% 0.025 43.6)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#452532

Dark Violet · DarkSlateGray · Raspberry

HEX
#452532
RGB
rgb(69, 37, 50)
HSL
hsl(336, 30%, 21%)
HSB
hsb(336, 46%, 27%)
CMYK
cmyk(0%, 46%, 28%, 73%)
Oklch
oklch(31.1% 0.052 354.7)

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

#CD0455

Dark Violet · Crimson · Camellia

HEX
#CD0455
RGB
rgb(205, 4, 85)
HSL
hsl(336, 96%, 41%)
HSB
hsb(336, 98%, 80%)
CMYK
cmyk(0%, 98%, 59%, 20%)
Oklch
oklch(54.4% 0.216 9.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAEABC
BDBDEA

Analogous

EAD4BD
EAEABC
D4EABD

Triadic

EAEABC
BDEAEA
EABDEA

Split-Comp.

EAEABC
BDD4EA
D4BDEA

Tetradic

EAEABC
BDEAD4
BDBDEA
EABDD4

Contrast Matrix WCAG 2.1 Contrast

EAEABC
7F9B74
6D5C55
452532
CD0455
—
2.5
Fail
5.1
AA
10.9
AAA
4.5
AA
2.5
Fail
—
2.1
Fail
4.4
AA Large
1.8
Fail
5.1
AA
2.1
Fail
—
2.1
Fail
1.1
Fail
10.9
AAA
4.4
AA Large
2.1
Fail
—
2.4
Fail
4.5
AA
1.8
Fail
1.1
Fail
2.4
Fail
—
White BG
1.2Fail
3.1AA Large
6.3AA
13.4AAA
5.6AA
Black BG
17.0AAA
6.8AA
3.3AA Large
1.6Fail
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEAC7
8B8B7D
666557
37372F
767441

Deuteranopia

EAEACA
8A8780
676857
393B2E
82913D

Tritanopia

EAD0D2
808587
6C5858
432C2C
C3322F

Achromatopsia

E5E5E5
8E8E8E
606060
303030
494949

Shades & Tints Shades & Tints

#EAEABC

Dark
Light

#7F9B74

Dark
Light

#6D5C55

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eaeabc;
  --color-2: #7f9b74;
  --color-3: #6d5c55;
  --color-4: #452532;
  --color-5: #cd0455;
}

SCSS

$color-1: #eaeabc;
$color-2: #7f9b74;
$color-3: #6d5c55;
$color-4: #452532;
$color-5: #cd0455;

TAILWIND

colors: {
  'brand-1': '#eaeabc',
  'brand-2': '#7f9b74',
  'brand-3': '#6d5c55',
  'brand-4': '#452532',
  'brand-5': '#cd0455',
}

RGB Array

[234, 234, 188], [127, 155, 116], [109, 92, 85], [69, 37, 50], [205, 4, 85]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EAEABC, #7F9B74, #6D5C55, #452532, #CD0455 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: #eaeabc; --color-2: #7f9b74; --color-3: #6d5c55; --color-4: #452532; --color-5: #cd0455. 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