← Back to Editor

#6A8922 · #982937 · #FF4F4F · #79C7EC · #77705C

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 App

Color Details Color Details

#6A8922

Grass Green · DarkOliveGreen · Forest Green

HEX
#6A8922
RGB
rgb(106, 137, 34)
HSL
hsl(78, 60%, 34%)
HSB
hsb(78, 75%, 54%)
CMYK
cmyk(23%, 0%, 75%, 46%)
Oklch
oklch(58.6% 0.132 125.2)

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

#982937

Crimson · Brown · Wine Red

HEX
#982937
RGB
rgb(152, 41, 55)
HSL
hsl(352, 58%, 38%)
HSB
hsb(352, 73%, 60%)
CMYK
cmyk(0%, 73%, 64%, 40%)
Oklch
oklch(45.8% 0.146 18.2)

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

#FF4F4F

Peach Pink · Tomato · Coral Red

HEX
#FF4F4F
RGB
rgb(255, 79, 79)
HSL
hsl(0, 100%, 65%)
HSB
hsb(0, 69%, 100%)
CMYK
cmyk(0%, 69%, 69%, 0%)
Oklch
oklch(67.5% 0.213 24.9)

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

#79C7EC

Sky Blue · SkyBlue · Lake Green

HEX
#79C7EC
RGB
rgb(121, 199, 236)
HSL
hsl(199, 75%, 70%)
HSB
hsb(199, 49%, 93%)
CMYK
cmyk(49%, 16%, 0%, 7%)
Oklch
oklch(79.3% 0.093 230.0)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#77705C

Ochre · DimGray · Honey Gold

HEX
#77705C
RGB
rgb(119, 112, 92)
HSL
hsl(44, 13%, 41%)
HSB
hsb(44, 23%, 47%)
CMYK
cmyk(0%, 6%, 23%, 53%)
Oklch
oklch(54.6% 0.031 91.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6A8922
42238B

Analogous

8B7623
6A8922
378B23

Triadic

6A8922
236C8B
8B236C

Split-Comp.

6A8922
23378B
76238B

Tetradic

6A8922
238B76
42238B
8B2337

Contrast Matrix WCAG 2.1 Contrast

6A8922
982937
FF4F4F
79C7EC
77705C
—
1.9
Fail
1.2
Fail
2.1
Fail
1.2
Fail
1.9
Fail
—
2.4
Fail
4.1
AA Large
1.6
Fail
1.2
Fail
2.4
Fail
—
1.7
Fail
1.5
Fail
2.1
Fail
4.1
AA Large
1.7
Fail
—
2.6
Fail
1.2
Fail
1.6
Fail
1.5
Fail
2.6
Fail
—
White BG
4.0AA Large
7.8AAA
3.2AA Large
1.9Fail
4.9AA
Black BG
5.2AA
2.7Fail
6.5AA
11.2AAA
4.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

77783B
686734
B3B14F
9B9BE3
747461

Deuteranopia

767341
6E7733
BDCA4F
9690E1
747562

Tritanopia

6C4F53
923130
F64F4F
7DDCDA
776566

Achromatopsia

747474
4C4C4C
848484
B4B4B4
707070

Shades & Tints Shades & Tints

#6A8922

Dark
Light

#982937

Dark
Light

#FF4F4F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6a8922;
  --color-2: #982937;
  --color-3: #ff4f4f;
  --color-4: #79c7ec;
  --color-5: #77705c;
}

SCSS

$color-1: #6a8922;
$color-2: #982937;
$color-3: #ff4f4f;
$color-4: #79c7ec;
$color-5: #77705c;

TAILWIND

colors: {
  'brand-1': '#6a8922',
  'brand-2': '#982937',
  'brand-3': '#ff4f4f',
  'brand-4': '#79c7ec',
  'brand-5': '#77705c',
}

RGB Array

[106, 137, 34], [152, 41, 55], [255, 79, 79], [121, 199, 236], [119, 112, 92]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6A8922, #982937, #FF4F4F, #79C7EC, #77705C 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: #6a8922; --color-2: #982937; --color-3: #ff4f4f; --color-4: #79c7ec; --color-5: #77705c. 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