← Back to Editor

#CF8A8A · #140505 · #FFD980 · #3D2D07 · #79A626

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

#CF8A8A

Peach Pink · DarkSalmon · Coral Red

HEX
#CF8A8A
RGB
rgb(207, 138, 138)
HSL
hsl(0, 42%, 68%)
HSB
hsb(0, 33%, 81%)
CMYK
cmyk(0%, 33%, 33%, 19%)
Oklch
oklch(70.3% 0.085 19.4)

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

#140505

Crimson · Black · Deep Berry

HEX
#140505
RGB
rgb(20, 5, 5)
HSL
hsl(0, 60%, 5%)
HSB
hsb(0, 75%, 8%)
CMYK
cmyk(0%, 75%, 75%, 92%)
Oklch
oklch(14.2% 0.030 21.5)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#FFD980

Goose Yellow · Khaki · Sunflower

HEX
#FFD980
RGB
rgb(255, 217, 128)
HSL
hsl(42, 100%, 75%)
HSB
hsb(42, 50%, 100%)
CMYK
cmyk(0%, 15%, 50%, 0%)
Oklch
oklch(89.9% 0.116 86.9)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#3D2D07

Ochre · Black · Amber Gold

HEX
#3D2D07
RGB
rgb(61, 45, 7)
HSL
hsl(42, 79%, 13%)
HSB
hsb(42, 89%, 24%)
CMYK
cmyk(0%, 26%, 89%, 76%)
Oklch
oklch(30.8% 0.057 84.6)

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

#79A626

Grass Green · Olive · Forest Green

HEX
#79A626
RGB
rgb(121, 166, 38)
HSL
hsl(81, 63%, 40%)
HSB
hsb(81, 77%, 65%)
CMYK
cmyk(27%, 0%, 77%, 35%)
Oklch
oklch(66.9% 0.159 127.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CF8A8A
8BD0D0

Analogous

D08BAD
CF8A8A
D0AD8B

Triadic

CF8A8A
8BD08B
8B8BD0

Split-Comp.

CF8A8A
8BD0AD
8BADD0

Tetradic

CF8A8A
ADD08B
8BD0D0
AD8BD0

Contrast Matrix WCAG 2.1 Contrast

CF8A8A
140505
FFD980
3D2D07
79A626
—
7.3
AAA
2.0
Fail
4.9
AA
1.0
Fail
7.3
AAA
—
14.7
AAA
1.5
Fail
6.9
AA
2.0
Fail
14.7
AAA
—
9.8
AAA
2.1
Fail
4.9
AA
1.5
Fail
9.8
AAA
—
4.6
AA
1.0
Fail
6.9
AA
2.1
Fail
4.6
AA
—
White BG
2.7Fail
19.9AAA
1.4Fail
13.3AAA
2.9Fail
Black BG
7.7AAA
1.1Fail
15.5AAA
1.6Fail
7.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B1B18A
0E0D05
EFEE96
363610
8C8D45

Deuteranopia

B5BA8A
0E1005
F1F49B
373812
8A874C

Tritanopia

CC8A8A
130505
FDA7AA
3C1719
7B5D63

Achromatopsia

9F9F9F
090909
DADADA
2D2D2D
8A8A8A

Shades & Tints Shades & Tints

#CF8A8A

Dark
Light

#140505

Dark
Light

#FFD980

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cf8a8a;
  --color-2: #140505;
  --color-3: #ffd980;
  --color-4: #3d2d07;
  --color-5: #79a626;
}

SCSS

$color-1: #cf8a8a;
$color-2: #140505;
$color-3: #ffd980;
$color-4: #3d2d07;
$color-5: #79a626;

TAILWIND

colors: {
  'brand-1': '#cf8a8a',
  'brand-2': '#140505',
  'brand-3': '#ffd980',
  'brand-4': '#3d2d07',
  'brand-5': '#79a626',
}

RGB Array

[207, 138, 138], [20, 5, 5], [255, 217, 128], [61, 45, 7], [121, 166, 38]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CF8A8A, #140505, #FFD980, #3D2D07, #79A626 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: #cf8a8a; --color-2: #140505; --color-3: #ffd980; --color-4: #3d2d07; --color-5: #79a626. 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