← Back to Editor

#42003E · #753B32 · #BD7604 · #E39700 · #FFBF00

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 App

Color Details Color Details

#42003E

Rose Purple · MidnightBlue · Dark Purple

HEX
#42003E
RGB
rgb(66, 0, 62)
HSL
hsl(304, 100%, 13%)
HSB
hsb(304, 100%, 26%)
CMYK
cmyk(0%, 100%, 6%, 74%)
Oklch
oklch(26.3% 0.119 331.3)

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

#753B32

Crimson · Sienna · Wine Red

HEX
#753B32
RGB
rgb(117, 59, 50)
HSL
hsl(8, 40%, 33%)
HSB
hsb(8, 57%, 46%)
CMYK
cmyk(0%, 50%, 57%, 54%)
Oklch
oklch(42.4% 0.083 30.1)

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

#BD7604

Ochre · DarkGoldenRod · Amber Brown

HEX
#BD7604
RGB
rgb(189, 118, 4)
HSL
hsl(37, 96%, 38%)
HSB
hsb(37, 98%, 74%)
CMYK
cmyk(0%, 38%, 98%, 26%)
Oklch
oklch(62.7% 0.136 68.3)

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

#E39700

Ochre · Orange · Honey Gold

HEX
#E39700
RGB
rgb(227, 151, 0)
HSL
hsl(40, 100%, 45%)
HSB
hsb(40, 100%, 89%)
CMYK
cmyk(0%, 33%, 100%, 11%)
Oklch
oklch(73.4% 0.156 73.4)

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

#FFBF00

Ochre · Gold · Honey Gold

HEX
#FFBF00
RGB
rgb(255, 191, 0)
HSL
hsl(45, 100%, 50%)
HSB
hsb(45, 100%, 100%)
CMYK
cmyk(0%, 25%, 100%, 0%)
Oklch
oklch(84.0% 0.172 84.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

42003E
004204

Analogous

260042
42003E
42001D

Triadic

42003E
3E4200
003E42

Split-Comp.

42003E
1D4200
004226

Tetradic

42003E
422600
004204
001D42

Contrast Matrix WCAG 2.1 Contrast

42003E
753B32
BD7604
E39700
FFBF00
—
1.9
Fail
4.4
AA Large
6.7
AA
9.8
AAA
1.9
Fail
—
2.4
Fail
3.6
AA Large
5.2
AA
4.4
AA Large
2.4
Fail
—
1.5
Fail
2.2
Fail
6.7
AA
3.6
AA Large
1.5
Fail
—
1.5
Fail
9.8
AAA
5.2
AA
2.2
Fail
1.5
Fail
—
White BG
16.1AAA
8.6AAA
3.6AA Large
2.4Fail
1.7Fail
Black BG
1.3Fail
2.4Fail
5.8AA
8.7AAA
12.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

25252F
5C5B34
9E9E20
C2C125
E3E32E

Deuteranopia

292E2B
5F6435
A2A826
C7CC2D
E7EC39

Tritanopia

3F2321
723636
B9353A
DF4148
FC535B

Achromatopsia

1B1B1B
4B4B4B
7E7E7E
9D9D9D
BCBCBC

Shades & Tints Shades & Tints

#42003E

Dark
Light

#753B32

Dark
Light

#BD7604

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #42003e;
  --color-2: #753b32;
  --color-3: #bd7604;
  --color-4: #e39700;
  --color-5: #ffbf00;
}

SCSS

$color-1: #42003e;
$color-2: #753b32;
$color-3: #bd7604;
$color-4: #e39700;
$color-5: #ffbf00;

TAILWIND

colors: {
  'brand-1': '#42003e',
  'brand-2': '#753b32',
  'brand-3': '#bd7604',
  'brand-4': '#e39700',
  'brand-5': '#ffbf00',
}

RGB Array

[66, 0, 62], [117, 59, 50], [189, 118, 4], [227, 151, 0], [255, 191, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #42003E, #753B32, #BD7604, #E39700, #FFBF00 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: #42003e; --color-2: #753b32; --color-3: #bd7604; --color-4: #e39700; --color-5: #ffbf00. 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