← Back to Editor

#611E04 · #AB3765 · #BA745D · #D4AB59 · #F7D6C1

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

#611E04

Tangerine · Maroon · Cinnamon

HEX
#611E04
RGB
rgb(97, 30, 4)
HSL
hsl(17, 92%, 20%)
HSB
hsb(17, 96%, 38%)
CMYK
cmyk(0%, 69%, 96%, 62%)
Oklch
oklch(33.8% 0.103 39.0)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#AB3765

Dark Violet · MediumVioletRed · Camellia

HEX
#AB3765
RGB
rgb(171, 55, 101)
HSL
hsl(336, 51%, 44%)
HSB
hsb(336, 68%, 67%)
CMYK
cmyk(0%, 68%, 41%, 33%)
Oklch
oklch(51.8% 0.156 359.8)

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

#BA745D

Tangerine · Sienna · Warm Sun

HEX
#BA745D
RGB
rgb(186, 116, 93)
HSL
hsl(15, 40%, 55%)
HSB
hsb(15, 50%, 73%)
CMYK
cmyk(0%, 38%, 50%, 27%)
Oklch
oklch(62.8% 0.095 38.9)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#D4AB59

Ginger · SandyBrown · Sunflower

HEX
#D4AB59
RGB
rgb(212, 171, 89)
HSL
hsl(40, 59%, 59%)
HSB
hsb(40, 58%, 83%)
CMYK
cmyk(0%, 19%, 58%, 17%)
Oklch
oklch(76.2% 0.111 83.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#F7D6C1

Apricot · Wheat · Peach Orange

HEX
#F7D6C1
RGB
rgb(247, 214, 193)
HSL
hsl(23, 77%, 86%)
HSB
hsb(23, 22%, 97%)
CMYK
cmyk(0%, 13%, 22%, 3%)
Oklch
oklch(89.8% 0.047 54.4)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

611E04
044762

Analogous

620418
611E04
624E04

Triadic

611E04
04621F
1F0462

Split-Comp.

611E04
04624E
041862

Tetradic

611E04
186204
044762
4E0462

Contrast Matrix WCAG 2.1 Contrast

611E04
AB3765
BA745D
D4AB59
F7D6C1
—
2.0
Fail
3.4
AA Large
5.8
AA
9.0
AAA
2.0
Fail
—
1.7
Fail
2.8
Fail
4.4
AA Large
3.4
AA Large
1.7
Fail
—
1.7
Fail
2.7
Fail
5.8
AA
2.8
Fail
1.7
Fail
—
1.6
Fail
9.0
AAA
4.4
AA Large
2.7
Fail
1.6
Fail
—
White BG
12.4AAA
6.1AA
3.7AA Large
2.1Fail
1.4Fail
Black BG
1.7Fail
3.5AA Large
5.7AA
9.8AAA
15.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

44430A
79785A
9C9B63
C2C26D
E9E8C6

Deuteranopia

484D0C
808857
A0A564
C5C872
EBEDC7

Tritanopia

5E0F10
A5514F
B76768
D27D80
F5CACB

Achromatopsia

2F2F2F
5F5F5F
868686
AEAEAE
DDDDDD

Shades & Tints Shades & Tints

#611E04

Dark
Light

#AB3765

Dark
Light

#BA745D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #611e04;
  --color-2: #ab3765;
  --color-3: #ba745d;
  --color-4: #d4ab59;
  --color-5: #f7d6c1;
}

SCSS

$color-1: #611e04;
$color-2: #ab3765;
$color-3: #ba745d;
$color-4: #d4ab59;
$color-5: #f7d6c1;

TAILWIND

colors: {
  'brand-1': '#611e04',
  'brand-2': '#ab3765',
  'brand-3': '#ba745d',
  'brand-4': '#d4ab59',
  'brand-5': '#f7d6c1',
}

RGB Array

[97, 30, 4], [171, 55, 101], [186, 116, 93], [212, 171, 89], [247, 214, 193]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #611E04, #AB3765, #BA745D, #D4AB59, #F7D6C1 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: #611e04; --color-2: #ab3765; --color-3: #ba745d; --color-4: #d4ab59; --color-5: #f7d6c1. 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