← Back to Editor

#8FC79B · #C99516 · #C94316 · #C91616 · #210B21

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 AppData Visualization

Color Details Color Details

#8FC79B

Celadon · DarkSeaGreen · Apple Green

HEX
#8FC79B
RGB
rgb(143, 199, 155)
HSL
hsl(133, 33%, 67%)
HSB
hsb(133, 28%, 78%)
CMYK
cmyk(28%, 0%, 22%, 22%)
Oklch
oklch(77.9% 0.085 150.7)

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

#C99516

Ochre · DarkGoldenRod · Honey Gold

HEX
#C99516
RGB
rgb(201, 149, 22)
HSL
hsl(43, 80%, 44%)
HSB
hsb(43, 89%, 79%)
CMYK
cmyk(0%, 26%, 89%, 21%)
Oklch
oklch(70.1% 0.140 82.6)

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

#C94316

Tangerine · Chocolate · Amber Brown

HEX
#C94316
RGB
rgb(201, 67, 22)
HSL
hsl(15, 80%, 44%)
HSB
hsb(15, 89%, 79%)
CMYK
cmyk(0%, 67%, 89%, 21%)
Oklch
oklch(56.8% 0.178 37.0)

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

#C91616

Vermilion · FireBrick · Passion Red

HEX
#C91616
RGB
rgb(201, 22, 22)
HSL
hsl(0, 80%, 44%)
HSB
hsb(0, 89%, 79%)
CMYK
cmyk(0%, 89%, 89%, 21%)
Oklch
oklch(53.2% 0.208 28.2)

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

#210B21

Rose Purple · Black · Dark Purple

HEX
#210B21
RGB
rgb(33, 11, 33)
HSL
hsl(300, 50%, 9%)
HSB
hsb(300, 67%, 13%)
CMYK
cmyk(0%, 67%, 0%, 87%)
Oklch
oklch(19.5% 0.053 327.4)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8FC79B
C78FBB

Analogous

9FC78F
8FC79B
8FC7B7

Triadic

8FC79B
9B8FC7
C79B8F

Split-Comp.

8FC79B
B78FC7
C78F9F

Tetradic

8FC79B
8F9FC7
C78FBB
C7B78F

Contrast Matrix WCAG 2.1 Contrast

8FC79B
C99516
C94316
C91616
210B21
—
1.4
Fail
2.5
Fail
3.0
Fail
9.5
AAA
1.4
Fail
—
1.8
Fail
2.2
Fail
6.9
AA
2.5
Fail
1.8
Fail
—
1.2
Fail
3.8
AA Large
3.0
Fail
2.2
Fail
1.2
Fail
—
3.2
AA Large
9.5
AAA
6.9
AA
3.8
AA Large
3.2
AA Large
—
White BG
1.9Fail
2.7Fail
4.9AA
5.8AA
18.5AAA
Black BG
10.8AAA
7.8AAA
4.3AA Large
3.6AA Large
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A7A8A6
B2B235
8F8E21
7B7A16
17171C

Deuteranopia

A4A0A8
B6B93C
97A124
869316
191A1A

Tritanopia

92AEB0
C64D52
C2292B
C01616
201717

Achromatopsia

B1B1B1
969696
666666
4C4C4C
141414

Shades & Tints Shades & Tints

#8FC79B

Dark
Light

#C99516

Dark
Light

#C94316

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8fc79b;
  --color-2: #c99516;
  --color-3: #c94316;
  --color-4: #c91616;
  --color-5: #210b21;
}

SCSS

$color-1: #8fc79b;
$color-2: #c99516;
$color-3: #c94316;
$color-4: #c91616;
$color-5: #210b21;

TAILWIND

colors: {
  'brand-1': '#8fc79b',
  'brand-2': '#c99516',
  'brand-3': '#c94316',
  'brand-4': '#c91616',
  'brand-5': '#210b21',
}

RGB Array

[143, 199, 155], [201, 149, 22], [201, 67, 22], [201, 22, 22], [33, 11, 33]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8FC79B, #C99516, #C94316, #C91616, #210B21 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #8fc79b; --color-2: #c99516; --color-3: #c94316; --color-4: #c91616; --color-5: #210b21. 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 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