← Back to Editor

#483000 · #900048 · #A86060 · #C0C048 · #D8C078

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

#483000

Ochre · Maroon · Amber Gold

HEX
#483000
RGB
rgb(72, 48, 0)
HSL
hsl(40, 100%, 14%)
HSB
hsb(40, 100%, 28%)
CMYK
cmyk(0%, 33%, 100%, 72%)
Oklch
oklch(32.9% 0.069 78.4)

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

#900048

Dark Violet · Brown · Camellia

HEX
#900048
RGB
rgb(144, 0, 72)
HSL
hsl(330, 100%, 28%)
HSB
hsb(330, 100%, 56%)
CMYK
cmyk(0%, 100%, 50%, 44%)
Oklch
oklch(42.2% 0.171 1.1)

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

#A86060

Crimson · Sienna · Passion Red

HEX
#A86060
RGB
rgb(168, 96, 96)
HSL
hsl(0, 29%, 52%)
HSB
hsb(0, 43%, 66%)
CMYK
cmyk(0%, 43%, 43%, 34%)
Oklch
oklch(57.1% 0.094 20.4)

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

#C0C048

Autumn Sage · GoldenRod · Sunflower

HEX
#C0C048
RGB
rgb(192, 192, 72)
HSL
hsl(60, 49%, 52%)
HSB
hsb(60, 63%, 75%)
CMYK
cmyk(0%, 0%, 63%, 25%)
Oklch
oklch(78.5% 0.141 109.2)

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

#D8C078

Ginger · BurlyWood · Sunflower

HEX
#D8C078
RGB
rgb(216, 192, 120)
HSL
hsl(45, 55%, 66%)
HSB
hsb(45, 44%, 85%)
CMYK
cmyk(0%, 11%, 44%, 15%)
Oklch
oklch(81.2% 0.095 91.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

483000
001847

Analogous

470C00
483000
3C4700

Triadic

483000
004730
300047

Split-Comp.

483000
003C47
0C0047

Tetradic

483000
00470C
001847
47003B

Contrast Matrix WCAG 2.1 Contrast

483000
900048
A86060
C0C048
D8C078
—
1.3
Fail
2.7
Fail
6.4
AA
6.9
AA
1.3
Fail
—
2.0
Fail
4.8
AA
5.1
AA
2.7
Fail
2.0
Fail
—
2.4
Fail
2.6
Fail
6.4
AA
4.8
AA
2.4
Fail
—
1.1
Fail
6.9
AA
5.1
AA
2.6
Fail
1.1
Fail
—
White BG
12.4AAA
9.2AAA
4.7AA
1.9Fail
1.8Fail
Black BG
1.7Fail
2.3Fail
4.5AA
10.9AAA
11.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3E3D0C
525037
898860
C0C065
CECD89

Deuteranopia

3F410E
5A6532
8D9260
C0C06C
CFD18E

Tritanopia

471517
892926
A46060
C07C81
D7979A

Achromatopsia

323232
333333
767676
B2B2B2
BFBFBF

Shades & Tints Shades & Tints

#483000

Dark
Light

#900048

Dark
Light

#A86060

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #483000;
  --color-2: #900048;
  --color-3: #a86060;
  --color-4: #c0c048;
  --color-5: #d8c078;
}

SCSS

$color-1: #483000;
$color-2: #900048;
$color-3: #a86060;
$color-4: #c0c048;
$color-5: #d8c078;

TAILWIND

colors: {
  'brand-1': '#483000',
  'brand-2': '#900048',
  'brand-3': '#a86060',
  'brand-4': '#c0c048',
  'brand-5': '#d8c078',
}

RGB Array

[72, 48, 0], [144, 0, 72], [168, 96, 96], [192, 192, 72], [216, 192, 120]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #483000, #900048, #A86060, #C0C048, #D8C078 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: #483000; --color-2: #900048; --color-3: #a86060; --color-4: #c0c048; --color-5: #d8c078. 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