← Back to Editor

#8BB99A · #24B092 · #504342 · #EF584D · #EBE084

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

#8BB99A

Celadon · DarkSeaGreen · Apple Green

HEX
#8BB99A
RGB
rgb(139, 185, 154)
HSL
hsl(140, 25%, 64%)
HSB
hsb(140, 25%, 73%)
CMYK
cmyk(25%, 0%, 17%, 27%)
Oklch
oklch(74.4% 0.066 155.0)

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

#24B092

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#24B092
RGB
rgb(36, 176, 146)
HSL
hsl(167, 66%, 42%)
HSB
hsb(167, 80%, 69%)
CMYK
cmyk(80%, 0%, 17%, 31%)
Oklch
oklch(67.9% 0.122 173.8)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#504342

Crimson · DarkSlateGray · Wine Red

HEX
#504342
RGB
rgb(80, 67, 66)
HSL
hsl(4, 10%, 29%)
HSB
hsb(4, 17%, 31%)
CMYK
cmyk(0%, 16%, 18%, 69%)
Oklch
oklch(39.6% 0.018 23.1)

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

#EF584D

Peach Pink · Tomato · Coral Red

HEX
#EF584D
RGB
rgb(239, 88, 77)
HSL
hsl(4, 84%, 62%)
HSB
hsb(4, 68%, 94%)
CMYK
cmyk(0%, 63%, 68%, 6%)
Oklch
oklch(65.9% 0.188 27.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#EBE084

Fresh Green · Khaki · Sunflower

HEX
#EBE084
RGB
rgb(235, 224, 132)
HSL
hsl(54, 72%, 72%)
HSB
hsb(54, 44%, 92%)
CMYK
cmyk(0%, 5%, 44%, 8%)
Oklch
oklch(89.6% 0.114 102.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8BB99A
BA8CAB

Analogous

94BA8C
8BB99A
8CBAB3

Triadic

8BB99A
9C8CBA
BA9C8C

Split-Comp.

8BB99A
B38CBA
BA8C94

Tetradic

8BB99A
8C94BA
BA8CAB
BAB38C

Contrast Matrix WCAG 2.1 Contrast

8BB99A
24B092
504342
EF584D
EBE084
—
1.2
Fail
4.3
AA Large
1.5
Fail
1.6
Fail
1.2
Fail
—
3.5
AA Large
1.2
Fail
2.0
Fail
4.3
AA Large
3.5
AA Large
—
2.8
Fail
7.0
AA
1.5
Fail
1.2
Fail
2.8
Fail
—
2.5
Fail
1.6
Fail
2.0
Fail
7.0
AA
2.5
Fail
—
White BG
2.2Fail
2.7Fail
9.4AAA
3.4AA Large
1.4Fail
Black BG
9.5AAA
7.7AAA
2.2Fail
6.2AA
15.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9F9FA2
616299
4A4A42
AEAC50
E6E69A

Deuteranopia

9C99A3
594E9B
4B4C42
B6C250
E7E8A0

Tritanopia

8DA7A9
2B9FA0
4F4242
E75252
EAACB0

Achromatopsia

A8A8A8
838383
474747
848484
D9D9D9

Shades & Tints Shades & Tints

#8BB99A

Dark
Light

#24B092

Dark
Light

#504342

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8bb99a;
  --color-2: #24b092;
  --color-3: #504342;
  --color-4: #ef584d;
  --color-5: #ebe084;
}

SCSS

$color-1: #8bb99a;
$color-2: #24b092;
$color-3: #504342;
$color-4: #ef584d;
$color-5: #ebe084;

TAILWIND

colors: {
  'brand-1': '#8bb99a',
  'brand-2': '#24b092',
  'brand-3': '#504342',
  'brand-4': '#ef584d',
  'brand-5': '#ebe084',
}

RGB Array

[139, 185, 154], [36, 176, 146], [80, 67, 66], [239, 88, 77], [235, 224, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8BB99A, #24B092, #504342, #EF584D, #EBE084 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: #8bb99a; --color-2: #24b092; --color-3: #504342; --color-4: #ef584d; --color-5: #ebe084. 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