← Back to Editor

#C79C00 · #7FA943 · #138F87 · #7D436F · #C50D6F

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

#C79C00

Ochre · DarkGoldenRod · Honey Gold

HEX
#C79C00
RGB
rgb(199, 156, 0)
HSL
hsl(47, 100%, 39%)
HSB
hsb(47, 100%, 78%)
CMYK
cmyk(0%, 22%, 100%, 22%)
Oklch
oklch(71.3% 0.146 88.8)

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

#7FA943

Grass Green · Gray · Olive Green

HEX
#7FA943
RGB
rgb(127, 169, 67)
HSL
hsl(85, 43%, 46%)
HSB
hsb(85, 60%, 66%)
CMYK
cmyk(25%, 0%, 60%, 34%)
Oklch
oklch(68.3% 0.139 128.5)

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

#138F87

Mineral Blue · Teal · Mint Ice

HEX
#138F87
RGB
rgb(19, 143, 135)
HSL
hsl(176, 77%, 32%)
HSB
hsb(176, 87%, 56%)
CMYK
cmyk(87%, 0%, 6%, 44%)
Oklch
oklch(58.7% 0.099 187.7)

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

#7D436F

Rose Purple · DimGray · Eggplant

HEX
#7D436F
RGB
rgb(125, 67, 111)
HSL
hsl(314, 30%, 38%)
HSB
hsb(314, 46%, 49%)
CMYK
cmyk(0%, 46%, 11%, 51%)
Oklch
oklch(46.9% 0.099 336.8)

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

#C50D6F

Rose Purple · MediumVioletRed · Camellia

HEX
#C50D6F
RGB
rgb(197, 13, 111)
HSL
hsl(328, 88%, 41%)
HSB
hsb(328, 93%, 77%)
CMYK
cmyk(0%, 93%, 44%, 23%)
Oklch
oklch(53.9% 0.215 357.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C79C00
002BC7

Analogous

C73800
C79C00
8FC700

Triadic

C79C00
00C79C
9C00C7

Split-Comp.

C79C00
008FC7
3800C7

Tetradic

C79C00
00C738
002BC7
C7008F

Contrast Matrix WCAG 2.1 Contrast

C79C00
7FA943
138F87
7D436F
C50D6F
—
1.1
Fail
1.5
Fail
2.8
Fail
2.2
Fail
1.1
Fail
—
1.4
Fail
2.6
Fail
2.1
Fail
1.5
Fail
1.4
Fail
—
1.8
Fail
1.4
Fail
2.8
Fail
2.6
Fail
1.8
Fail
—
1.3
Fail
2.2
Fail
2.1
Fail
1.4
Fail
1.3
Fail
—
White BG
2.6Fail
2.7Fail
4.0AA Large
7.2AAA
5.7AA
Black BG
8.2AAA
7.7AAA
5.3AA
2.9Fail
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

B4B426
91925C
494A89
646364
757457

Deuteranopia

B7BA2F
8F8C62
423889
676C62
808E52

Tritanopia

C5444A
816F73
198A8B
7A5C5A
BC4540

Achromatopsia

979797
919191
696969
595959
4F4F4F

Shades & Tints Shades & Tints

#C79C00

Dark
Light

#7FA943

Dark
Light

#138F87

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c79c00;
  --color-2: #7fa943;
  --color-3: #138f87;
  --color-4: #7d436f;
  --color-5: #c50d6f;
}

SCSS

$color-1: #c79c00;
$color-2: #7fa943;
$color-3: #138f87;
$color-4: #7d436f;
$color-5: #c50d6f;

TAILWIND

colors: {
  'brand-1': '#c79c00',
  'brand-2': '#7fa943',
  'brand-3': '#138f87',
  'brand-4': '#7d436f',
  'brand-5': '#c50d6f',
}

RGB Array

[199, 156, 0], [127, 169, 67], [19, 143, 135], [125, 67, 111], [197, 13, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C79C00, #7FA943, #138F87, #7D436F, #C50D6F is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #c79c00; --color-2: #7fa943; --color-3: #138f87; --color-4: #7d436f; --color-5: #c50d6f. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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