← Back to Editor

#B6D99C · #7ECC7A · #A8AB4D · #C7880A · #F22424

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#B6D99C

Celadon · Silver · Apple Green

HEX
#B6D99C
RGB
rgb(182, 217, 156)
HSL
hsl(94, 45%, 73%)
HSB
hsb(94, 28%, 85%)
CMYK
cmyk(16%, 0%, 28%, 15%)
Oklch
oklch(84.5% 0.090 132.3)

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

#7ECC7A

Celadon · DarkSeaGreen · Apple Green

HEX
#7ECC7A
RGB
rgb(126, 204, 122)
HSL
hsl(117, 45%, 64%)
HSB
hsb(117, 40%, 80%)
CMYK
cmyk(38%, 0%, 40%, 20%)
Oklch
oklch(77.5% 0.138 143.1)

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

#A8AB4D

Autumn Sage · GoldenRod · Honey Gold

HEX
#A8AB4D
RGB
rgb(168, 171, 77)
HSL
hsl(62, 38%, 49%)
HSB
hsb(62, 55%, 67%)
CMYK
cmyk(2%, 0%, 55%, 33%)
Oklch
oklch(71.9% 0.118 110.7)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#C7880A

Ochre · DarkGoldenRod · Honey Gold

HEX
#C7880A
RGB
rgb(199, 136, 10)
HSL
hsl(40, 90%, 41%)
HSB
hsb(40, 95%, 78%)
CMYK
cmyk(0%, 32%, 95%, 22%)
Oklch
oklch(67.3% 0.140 75.6)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#F22424

Vermilion · Crimson · Passion Red

HEX
#F22424
RGB
rgb(242, 36, 36)
HSL
hsl(0, 89%, 55%)
HSB
hsb(0, 85%, 95%)
CMYK
cmyk(0%, 85%, 85%, 5%)
Oklch
oklch(61.6% 0.235 27.8)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B6D99C
BE9BD9

Analogous

D5D99B
B6D99C
9BD99F

Triadic

B6D99C
9BB6D9
D99BB6

Split-Comp.

B6D99C
9F9BD9
D99BD5

Tetradic

B6D99C
9BD5D9
BE9BD9
D99F9B

Contrast Matrix WCAG 2.1 Contrast

B6D99C
7ECC7A
A8AB4D
C7880A
F22424
—
1.2
Fail
1.6
Fail
1.9
Fail
2.7
Fail
1.2
Fail
—
1.3
Fail
1.6
Fail
2.1
Fail
1.6
Fail
1.3
Fail
—
1.2
Fail
1.7
Fail
1.9
Fail
1.6
Fail
1.2
Fail
—
1.4
Fail
2.7
Fail
2.1
Fail
1.7
Fail
1.4
Fail
—
White BG
1.6Fail
1.9Fail
2.4Fail
3.0AA Large
4.2AA Large
Black BG
13.4AAA
10.8AAA
8.6AAA
7.0AA
5.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C5AB
A0A08E
A9A964
ACAB28
999724

Deuteranopia

C3C1AE
9B9593
A9A969
AFB430
A5B424

Tritanopia

B8B6B9
829EA1
A8767A
C44146
E82424

Achromatopsia

C8C8C8
ABABAB
9F9F9F
8C8C8C
626262

Shades & Tints Shades & Tints

#B6D99C

Dark
Light

#7ECC7A

Dark
Light

#A8AB4D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b6d99c;
  --color-2: #7ecc7a;
  --color-3: #a8ab4d;
  --color-4: #c7880a;
  --color-5: #f22424;
}

SCSS

$color-1: #b6d99c;
$color-2: #7ecc7a;
$color-3: #a8ab4d;
$color-4: #c7880a;
$color-5: #f22424;

TAILWIND

colors: {
  'brand-1': '#b6d99c',
  'brand-2': '#7ecc7a',
  'brand-3': '#a8ab4d',
  'brand-4': '#c7880a',
  'brand-5': '#f22424',
}

RGB Array

[182, 217, 156], [126, 204, 122], [168, 171, 77], [199, 136, 10], [242, 36, 36]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B6D99C, #7ECC7A, #A8AB4D, #C7880A, #F22424 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #b6d99c; --color-2: #7ecc7a; --color-3: #a8ab4d; --color-4: #c7880a; --color-5: #f22424. 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. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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