← Back to Editor

#E8E693 · #81997F · #165D57 · #004A4B · #1B2C1C

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#E8E693

Fresh Green · Khaki · Sunflower

HEX
#E8E693
RGB
rgb(232, 230, 147)
HSL
hsl(59, 65%, 74%)
HSB
hsb(59, 37%, 91%)
CMYK
cmyk(0%, 1%, 37%, 9%)
Oklch
oklch(90.8% 0.104 107.1)

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

#81997F

Celadon · Gray · Olive Green

HEX
#81997F
RGB
rgb(129, 153, 127)
HSL
hsl(115, 11%, 55%)
HSB
hsb(115, 17%, 60%)
CMYK
cmyk(16%, 0%, 17%, 40%)
Oklch
oklch(65.7% 0.047 143.0)

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

#165D57

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#165D57
RGB
rgb(22, 93, 87)
HSL
hsl(175, 62%, 23%)
HSB
hsb(175, 76%, 36%)
CMYK
cmyk(76%, 0%, 6%, 64%)
Oklch
oklch(43.5% 0.068 186.6)

Traditional「Mineral Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#004A4B

Lake Blue · DarkSlateGray · Peacock Green

HEX
#004A4B
RGB
rgb(0, 74, 75)
HSL
hsl(181, 100%, 15%)
HSB
hsb(181, 100%, 29%)
CMYK
cmyk(100%, 1%, 0%, 71%)
Oklch
oklch(37.1% 0.063 196.3)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#1B2C1C

Celadon · Black · Dark Green

HEX
#1B2C1C
RGB
rgb(27, 44, 28)
HSL
hsl(124, 24%, 14%)
HSB
hsb(124, 39%, 17%)
CMYK
cmyk(39%, 0%, 36%, 83%)
Oklch
oklch(27.3% 0.037 145.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8E693
9293E8

Analogous

E8BB92
E8E693
BEE892

Triadic

E8E693
92E8E6
E692E8

Split-Comp.

E8E693
92BEE8
BB92E8

Tetradic

E8E693
92E8BB
9293E8
E892BE

Contrast Matrix WCAG 2.1 Contrast

E8E693
81997F
165D57
004A4B
1B2C1C
—
2.4
Fail
5.9
AA
7.8
AAA
11.4
AAA
2.4
Fail
—
2.5
Fail
3.3
AA Large
4.8
AA
5.9
AA
2.5
Fail
—
1.3
Fail
1.9
Fail
7.8
AAA
3.3
AA Large
1.3
Fail
—
1.5
Fail
11.4
AAA
4.8
AA
1.9
Fail
1.5
Fail
—
White BG
1.3Fail
3.1AA Large
7.7AAA
10.1AAA
14.8AAA
Black BG
16.2AAA
6.8AA
2.7Fail
2.1Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7A7
8B8C85
353558
20214B
222320

Deuteranopia

E7E7AC
8A8887
312B59
1C164B
212021

Tritanopia

E8B7BA
828A8B
1A5A5A
044B4B
1C2324

Achromatopsia

DDDDDD
8F8F8F
474747
343434
252525

Shades & Tints Shades & Tints

#E8E693

Dark
Light

#81997F

Dark
Light

#165D57

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8e693;
  --color-2: #81997f;
  --color-3: #165d57;
  --color-4: #004a4b;
  --color-5: #1b2c1c;
}

SCSS

$color-1: #e8e693;
$color-2: #81997f;
$color-3: #165d57;
$color-4: #004a4b;
$color-5: #1b2c1c;

TAILWIND

colors: {
  'brand-1': '#e8e693',
  'brand-2': '#81997f',
  'brand-3': '#165d57',
  'brand-4': '#004a4b',
  'brand-5': '#1b2c1c',
}

RGB Array

[232, 230, 147], [129, 153, 127], [22, 93, 87], [0, 74, 75], [27, 44, 28]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8E693, #81997F, #165D57, #004A4B, #1B2C1C is ideal for: tech websites, dark mode UIs, game UIs, 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: #e8e693; --color-2: #81997f; --color-3: #165d57; --color-4: #004a4b; --color-5: #1b2c1c. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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