← Back to Editor

#79E8BE · #C6D31A · #FFA731 · #FF7A2E · #0E1C1A

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#79E8BE

Jade · MediumAquaMarine · Apple Green

HEX
#79E8BE
RGB
rgb(121, 232, 190)
HSL
hsl(157, 71%, 69%)
HSB
hsb(157, 48%, 91%)
CMYK
cmyk(48%, 0%, 18%, 9%)
Oklch
oklch(85.4% 0.120 166.7)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#C6D31A

Autumn Sage · GoldenRod · Honey Gold

HEX
#C6D31A
RGB
rgb(198, 211, 26)
HSL
hsl(64, 78%, 46%)
HSB
hsb(64, 88%, 83%)
CMYK
cmyk(6%, 0%, 88%, 17%)
Oklch
oklch(82.9% 0.182 114.2)

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

#FFA731

Ginger · GoldenRod · Warm Sun

HEX
#FFA731
RGB
rgb(255, 167, 49)
HSL
hsl(34, 100%, 60%)
HSB
hsb(34, 81%, 100%)
CMYK
cmyk(0%, 35%, 81%, 0%)
Oklch
oklch(79.8% 0.160 68.4)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#FF7A2E

Tangerine · Tomato · Warm Sun

HEX
#FF7A2E
RGB
rgb(255, 122, 46)
HSL
hsl(22, 100%, 59%)
HSB
hsb(22, 82%, 100%)
CMYK
cmyk(0%, 52%, 82%, 0%)
Oklch
oklch(72.5% 0.182 46.2)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#0E1C1A

Mineral Blue · Black · Peacock Green

HEX
#0E1C1A
RGB
rgb(14, 28, 26)
HSL
hsl(171, 33%, 8%)
HSB
hsb(171, 50%, 11%)
CMYK
cmyk(50%, 0%, 7%, 89%)
Oklch
oklch(21.3% 0.020 184.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

79E8BE
E878A3

Analogous

78E885
79E8BE
78DBE8

Triadic

79E8BE
BD78E8
E8BD78

Split-Comp.

79E8BE
E878DB
E88578

Tetradic

79E8BE
8578E8
E878A3
DBE878

Contrast Matrix WCAG 2.1 Contrast

79E8BE
C6D31A
FFA731
FF7A2E
0E1C1A
—
1.1
Fail
1.3
Fail
1.7
Fail
11.8
AAA
1.1
Fail
—
1.2
Fail
1.6
Fail
10.6
AAA
1.3
Fail
1.2
Fail
—
1.3
Fail
9.0
AAA
1.7
Fail
1.6
Fail
1.3
Fail
—
6.7
AA
11.8
AAA
10.6
AAA
9.0
AAA
6.7
AA
—
White BG
1.5Fail
1.6Fail
1.9Fail
2.6Fail
17.5AAA
Black BG
14.1AAA
12.7AAA
10.8AAA
8.1AAA
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A9AAC8
CCCC47
D9D84E
C5C440
14141A

Deuteranopia

A39ACB
CBCA52
DEE554
CDD745
13121B

Tritanopia

7FD0D2
C76A72
FB6469
F84F52
0F1B1B

Achromatopsia

C2C2C2
BABABA
B4B4B4
999999
181818

Shades & Tints Shades & Tints

#79E8BE

Dark
Light

#C6D31A

Dark
Light

#FFA731

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #79e8be;
  --color-2: #c6d31a;
  --color-3: #ffa731;
  --color-4: #ff7a2e;
  --color-5: #0e1c1a;
}

SCSS

$color-1: #79e8be;
$color-2: #c6d31a;
$color-3: #ffa731;
$color-4: #ff7a2e;
$color-5: #0e1c1a;

TAILWIND

colors: {
  'brand-1': '#79e8be',
  'brand-2': '#c6d31a',
  'brand-3': '#ffa731',
  'brand-4': '#ff7a2e',
  'brand-5': '#0e1c1a',
}

RGB Array

[121, 232, 190], [198, 211, 26], [255, 167, 49], [255, 122, 46], [14, 28, 26]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #79E8BE, #C6D31A, #FFA731, #FF7A2E, #0E1C1A 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: #79e8be; --color-2: #c6d31a; --color-3: #ffa731; --color-4: #ff7a2e; --color-5: #0e1c1a. 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