← Back to Editor

#590D2B · #FFEBB0 · #7D4E44 · #5E251E · #480E00

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

#590D2B

Dark Violet · Maroon · Raspberry

HEX
#590D2B
RGB
rgb(89, 13, 43)
HSL
hsl(336, 75%, 20%)
HSB
hsb(336, 85%, 35%)
CMYK
cmyk(0%, 85%, 52%, 65%)
Oklch
oklch(31.0% 0.109 2.9)

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

#FFEBB0

Goose Yellow · Wheat · Lemon Cream

HEX
#FFEBB0
RGB
rgb(255, 235, 176)
HSL
hsl(45, 100%, 85%)
HSB
hsb(45, 31%, 100%)
CMYK
cmyk(0%, 8%, 31%, 0%)
Oklch
oklch(94.2% 0.078 91.6)

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

#7D4E44

Crimson · Sienna · Wine Red

HEX
#7D4E44
RGB
rgb(125, 78, 68)
HSL
hsl(11, 30%, 38%)
HSB
hsb(11, 46%, 49%)
CMYK
cmyk(0%, 38%, 46%, 51%)
Oklch
oklch(47.5% 0.066 32.7)

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

#5E251E

Crimson · Maroon · Wine Red

HEX
#5E251E
RGB
rgb(94, 37, 30)
HSL
hsl(7, 52%, 24%)
HSB
hsb(7, 68%, 37%)
CMYK
cmyk(0%, 61%, 68%, 63%)
Oklch
oklch(34.6% 0.085 29.2)

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

#480E00

Vermilion · Maroon · Deep Berry

HEX
#480E00
RGB
rgb(72, 14, 0)
HSL
hsl(12, 100%, 14%)
HSB
hsb(12, 100%, 28%)
CMYK
cmyk(0%, 81%, 100%, 72%)
Oklch
oklch(26.7% 0.091 36.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

590D2B
0D593B

Analogous

590D52
590D2B
59140D

Triadic

590D2B
2B590D
0D2B59

Split-Comp.

590D2B
0D5914
0D5259

Tetradic

590D2B
52590D
0D593B
140D59

Contrast Matrix WCAG 2.1 Contrast

590D2B
FFEBB0
7D4E44
5E251E
480E00
—
11.7
AAA
2.0
Fail
1.2
Fail
1.1
Fail
11.7
AAA
—
5.8
AA
10.1
AAA
13.3
AAA
2.0
Fail
5.8
AA
—
1.7
Fail
2.3
Fail
1.2
Fail
10.1
AAA
1.7
Fail
—
1.3
Fail
1.1
Fail
13.3
AAA
2.3
Fail
1.3
Fail
—
White BG
13.8AAA
1.2Fail
6.9AA
11.9AAA
15.7AAA
Black BG
1.5Fail
17.8AAA
3.0AA Large
1.8Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

383724
F6F6BE
696846
454520
2F2E03

Deuteranopia

3D4222
F8F9C2
6B6F47
494D20
323704

Tritanopia

551E1D
FECACC
7B4849
5B2121
450607

Achromatopsia

272727
EAEAEA
5B5B5B
353535
1E1E1E

Shades & Tints Shades & Tints

#590D2B

Dark
Light

#FFEBB0

Dark
Light

#7D4E44

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #590d2b;
  --color-2: #ffebb0;
  --color-3: #7d4e44;
  --color-4: #5e251e;
  --color-5: #480e00;
}

SCSS

$color-1: #590d2b;
$color-2: #ffebb0;
$color-3: #7d4e44;
$color-4: #5e251e;
$color-5: #480e00;

TAILWIND

colors: {
  'brand-1': '#590d2b',
  'brand-2': '#ffebb0',
  'brand-3': '#7d4e44',
  'brand-4': '#5e251e',
  'brand-5': '#480e00',
}

RGB Array

[89, 13, 43], [255, 235, 176], [125, 78, 68], [94, 37, 30], [72, 14, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #590D2B, #FFEBB0, #7D4E44, #5E251E, #480E00 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: #590d2b; --color-2: #ffebb0; --color-3: #7d4e44; --color-4: #5e251e; --color-5: #480e00. 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