← Back to Editor

#C7C240 · #BE8C07 · #B85117 · #380300 · #490D02

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

#C7C240

Autumn Sage · GoldenRod · Sunflower

HEX
#C7C240
RGB
rgb(199, 194, 64)
HSL
hsl(58, 55%, 52%)
HSB
hsb(58, 68%, 78%)
CMYK
cmyk(0%, 3%, 68%, 22%)
Oklch
oklch(79.5% 0.147 107.2)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#BE8C07

Ochre · DarkGoldenRod · Honey Gold

HEX
#BE8C07
RGB
rgb(190, 140, 7)
HSL
hsl(44, 93%, 39%)
HSB
hsb(44, 96%, 75%)
CMYK
cmyk(0%, 26%, 96%, 25%)
Oklch
oklch(67.1% 0.137 82.8)

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

#B85117

Tangerine · Sienna · Amber Brown

HEX
#B85117
RGB
rgb(184, 81, 23)
HSL
hsl(22, 78%, 41%)
HSB
hsb(22, 88%, 72%)
CMYK
cmyk(0%, 56%, 88%, 28%)
Oklch
oklch(55.9% 0.149 45.0)

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

#380300

Vermilion · Black · Deep Berry

HEX
#380300
RGB
rgb(56, 3, 0)
HSL
hsl(3, 100%, 11%)
HSB
hsb(3, 100%, 22%)
CMYK
cmyk(0%, 95%, 100%, 78%)
Oklch
oklch(21.8% 0.084 31.6)

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

#490D02

Vermilion · Maroon · Deep Berry

HEX
#490D02
RGB
rgb(73, 13, 2)
HSL
hsl(9, 95%, 15%)
HSB
hsb(9, 97%, 29%)
CMYK
cmyk(0%, 82%, 97%, 71%)
Oklch
oklch(26.8% 0.092 33.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C7C240
4146C8

Analogous

C88041
C7C240
89C841

Triadic

C7C240
41C8C3
C341C8

Split-Comp.

C7C240
4189C8
8041C8

Tetradic

C7C240
41C880
4146C8
C84189

Contrast Matrix WCAG 2.1 Contrast

C7C240
BE8C07
B85117
380300
490D02
—
1.6
Fail
2.7
Fail
9.5
AAA
8.4
AAA
1.6
Fail
—
1.6
Fail
5.9
AA
5.2
AA
2.7
Fail
1.6
Fail
—
3.6
AA Large
3.2
AA Large
9.5
AAA
5.9
AA
3.6
AA Large
—
1.1
Fail
8.4
AAA
5.2
AA
3.2
AA Large
1.1
Fail
—
White BG
1.9Fail
3.0AA Large
5.0AA
17.8AAA
15.7AAA
Black BG
11.2AAA
6.9AA
4.2AA Large
1.2Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C55F
A8A827
8B8A25
212101
2F2E05

Deuteranopia

C5C567
ABAF2F
919928
242801
333705

Tritanopia

C7787E
BC4146
B33033
350101
460707

Achromatopsia

B5B5B5
8C8C8C
696969
131313
1E1E1E

Shades & Tints Shades & Tints

#C7C240

Dark
Light

#BE8C07

Dark
Light

#B85117

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c7c240;
  --color-2: #be8c07;
  --color-3: #b85117;
  --color-4: #380300;
  --color-5: #490d02;
}

SCSS

$color-1: #c7c240;
$color-2: #be8c07;
$color-3: #b85117;
$color-4: #380300;
$color-5: #490d02;

TAILWIND

colors: {
  'brand-1': '#c7c240',
  'brand-2': '#be8c07',
  'brand-3': '#b85117',
  'brand-4': '#380300',
  'brand-5': '#490d02',
}

RGB Array

[199, 194, 64], [190, 140, 7], [184, 81, 23], [56, 3, 0], [73, 13, 2]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C7C240, #BE8C07, #B85117, #380300, #490D02 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #c7c240; --color-2: #be8c07; --color-3: #b85117; --color-4: #380300; --color-5: #490d02. 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. 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