← Back to Editor

#A0C758 · #E6C781 · #779C33 · #EDDE53 · #BAE7E8

skin

A 5-color skin 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

#A0C758

Grass Green · DarkSeaGreen · Olive Green

HEX
#A0C758
RGB
rgb(160, 199, 88)
HSL
hsl(81, 50%, 56%)
HSB
hsb(81, 56%, 78%)
CMYK
cmyk(20%, 0%, 56%, 22%)
Oklch
oklch(77.8% 0.146 125.8)

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

#E6C781

Ginger · BurlyWood · Sunflower

HEX
#E6C781
RGB
rgb(230, 199, 129)
HSL
hsl(42, 67%, 70%)
HSB
hsb(42, 44%, 90%)
CMYK
cmyk(0%, 13%, 44%, 10%)
Oklch
oklch(84.1% 0.095 86.5)

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

#779C33

Grass Green · Olive · Olive Green

HEX
#779C33
RGB
rgb(119, 156, 51)
HSL
hsl(81, 51%, 41%)
HSB
hsb(81, 67%, 61%)
CMYK
cmyk(24%, 0%, 67%, 39%)
Oklch
oklch(64.4% 0.139 126.7)

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

#EDDE53

Fresh Green · Khaki · Sunflower

HEX
#EDDE53
RGB
rgb(237, 222, 83)
HSL
hsl(54, 81%, 63%)
HSB
hsb(54, 65%, 93%)
CMYK
cmyk(0%, 6%, 65%, 7%)
Oklch
oklch(88.8% 0.156 103.1)

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

#BAE7E8

Sky Blue · LightBlue · Glacier Blue

HEX
#BAE7E8
RGB
rgb(186, 231, 232)
HSL
hsl(181, 50%, 82%)
HSB
hsb(181, 20%, 91%)
CMYK
cmyk(20%, 0%, 0%, 9%)
Oklch
oklch(89.7% 0.046 198.0)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A0C758
7E57C7

Analogous

C7B657
A0C758
68C757

Triadic

A0C758
57A0C7
C757A0

Split-Comp.

A0C758
5768C7
B657C7

Tetradic

A0C758
57C7B6
7E57C7
C75768

Contrast Matrix WCAG 2.1 Contrast

A0C758
E6C781
779C33
EDDE53
BAE7E8
—
1.2
Fail
1.6
Fail
1.4
Fail
1.5
Fail
1.2
Fail
—
2.0
Fail
1.2
Fail
1.2
Fail
1.6
Fail
2.0
Fail
—
2.3
Fail
2.4
Fail
1.4
Fail
1.2
Fail
2.3
Fail
—
1.0
Fail
1.5
Fail
1.2
Fail
2.4
Fail
1.0
Fail
—
White BG
1.9Fail
1.6Fail
3.2AA Large
1.4Fail
1.3Fail
Black BG
10.8AAA
12.9AAA
6.6AA
15.2AAA
15.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B1B173
D9D892
87874C
E7E675
CDCEE8

Deuteranopia

AFAC79
DADD96
858253
E7E87D
CBC8E8

Tritanopia

A2888D
E49FA2
796065
EC8F95
BCE8E8

Achromatopsia

AFAFAF
C8C8C8
858585
D3D3D3
DADADA

Shades & Tints Shades & Tints

#A0C758

Dark
Light

#E6C781

Dark
Light

#779C33

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a0c758;
  --color-2: #e6c781;
  --color-3: #779c33;
  --color-4: #edde53;
  --color-5: #bae7e8;
}

SCSS

$color-1: #a0c758;
$color-2: #e6c781;
$color-3: #779c33;
$color-4: #edde53;
$color-5: #bae7e8;

TAILWIND

colors: {
  'brand-1': '#a0c758',
  'brand-2': '#e6c781',
  'brand-3': '#779c33',
  'brand-4': '#edde53',
  'brand-5': '#bae7e8',
}

RGB Array

[160, 199, 88], [230, 199, 129], [119, 156, 51], [237, 222, 83], [186, 231, 232]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This skin-style palette of #A0C758, #E6C781, #779C33, #EDDE53, #BAE7E8 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: #a0c758; --color-2: #e6c781; --color-3: #779c33; --color-4: #edde53; --color-5: #bae7e8. 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 skin-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