← Back to Editor

#BC6301 · #430E03 · #E5BE95 · #E60447 · #AF7E2F

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

#BC6301

Ochre · DarkGoldenRod · Amber Brown

HEX
#BC6301
RGB
rgb(188, 99, 1)
HSL
hsl(31, 99%, 37%)
HSB
hsb(31, 99%, 74%)
CMYK
cmyk(0%, 47%, 99%, 26%)
Oklch
oklch(59.2% 0.144 56.6)

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

#430E03

Vermilion · Maroon · Deep Berry

HEX
#430E03
RGB
rgb(67, 14, 3)
HSL
hsl(10, 91%, 14%)
HSB
hsb(10, 96%, 26%)
CMYK
cmyk(0%, 79%, 96%, 74%)
Oklch
oklch(25.7% 0.084 34.6)

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

#E5BE95

Goose Yellow · BurlyWood · Warm Sun

HEX
#E5BE95
RGB
rgb(229, 190, 149)
HSL
hsl(31, 61%, 74%)
HSB
hsb(31, 35%, 90%)
CMYK
cmyk(0%, 17%, 35%, 10%)
Oklch
oklch(82.6% 0.070 68.0)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#E60447

Dark Violet · Crimson · Camellia

HEX
#E60447
RGB
rgb(230, 4, 71)
HSL
hsl(342, 97%, 46%)
HSB
hsb(342, 98%, 90%)
CMYK
cmyk(0%, 98%, 69%, 10%)
Oklch
oklch(58.8% 0.234 17.0)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#AF7E2F

Ochre · DarkGoldenRod · Amber Brown

HEX
#AF7E2F
RGB
rgb(175, 126, 47)
HSL
hsl(37, 58%, 44%)
HSB
hsb(37, 73%, 69%)
CMYK
cmyk(0%, 28%, 73%, 31%)
Oklch
oklch(62.8% 0.112 75.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BC6301
015BBC

Analogous

BC0401
BC6301
B9BC01

Triadic

BC6301
01BC61
6101BC

Split-Comp.

BC6301
01B9BC
0401BC

Tetradic

BC6301
01BC04
015BBC
BC01B9

Contrast Matrix WCAG 2.1 Contrast

BC6301
430E03
E5BE95
E60447
AF7E2F
—
3.8
AA Large
2.5
Fail
1.1
Fail
1.2
Fail
3.8
AA Large
—
9.3
AAA
3.4
AA Large
4.5
AA Large
2.5
Fail
9.3
AAA
—
2.7
Fail
2.1
Fail
1.1
Fail
3.4
AA Large
2.7
Fail
—
1.3
Fail
1.2
Fail
4.5
AA Large
2.1
Fail
1.3
Fail
—
White BG
4.3AA Large
16.1AAA
1.7Fail
4.7AA
3.6AA Large
Black BG
4.9AA
1.3Fail
12.1AAA
4.5AA Large
5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

959519
2C2C06
D4D49F
848237
9A9942

Deuteranopia

9BA11E
2F3306
D6D9A1
91A233
9DA047

Tritanopia

B82B30
400808
E3A7A8
DB2A27
AD5155

Achromatopsia

727272
1D1D1D
C5C5C5
4F4F4F
848484

Shades & Tints Shades & Tints

#BC6301

Dark
Light

#430E03

Dark
Light

#E5BE95

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bc6301;
  --color-2: #430e03;
  --color-3: #e5be95;
  --color-4: #e60447;
  --color-5: #af7e2f;
}

SCSS

$color-1: #bc6301;
$color-2: #430e03;
$color-3: #e5be95;
$color-4: #e60447;
$color-5: #af7e2f;

TAILWIND

colors: {
  'brand-1': '#bc6301',
  'brand-2': '#430e03',
  'brand-3': '#e5be95',
  'brand-4': '#e60447',
  'brand-5': '#af7e2f',
}

RGB Array

[188, 99, 1], [67, 14, 3], [229, 190, 149], [230, 4, 71], [175, 126, 47]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BC6301, #430E03, #E5BE95, #E60447, #AF7E2F 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: #bc6301; --color-2: #430e03; --color-3: #e5be95; --color-4: #e60447; --color-5: #af7e2f. 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