← Back to Editor

#7A7655 · #C64F34 · #B04112 · #912914 · #3D1507

sunset

A 5-color sunset 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

#7A7655

Autumn Sage · DimGray · Honey Gold

HEX
#7A7655
RGB
rgb(122, 118, 85)
HSL
hsl(54, 18%, 41%)
HSB
hsb(54, 30%, 48%)
CMYK
cmyk(0%, 3%, 30%, 52%)
Oklch
oklch(56.1% 0.048 102.0)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#C64F34

Crimson · Chocolate · Passion Red

HEX
#C64F34
RGB
rgb(198, 79, 52)
HSL
hsl(11, 58%, 49%)
HSB
hsb(11, 74%, 78%)
CMYK
cmyk(0%, 60%, 74%, 22%)
Oklch
oklch(58.0% 0.158 34.2)

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

#B04112

Tangerine · FireBrick · Amber Brown

HEX
#B04112
RGB
rgb(176, 65, 18)
HSL
hsl(18, 81%, 38%)
HSB
hsb(18, 90%, 69%)
CMYK
cmyk(0%, 63%, 90%, 31%)
Oklch
oklch(52.4% 0.155 39.9)

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

#912914

Vermilion · Brown · Wine Red

HEX
#912914
RGB
rgb(145, 41, 20)
HSL
hsl(10, 76%, 32%)
HSB
hsb(10, 86%, 57%)
CMYK
cmyk(0%, 72%, 86%, 43%)
Oklch
oklch(44.1% 0.143 33.2)

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

#3D1507

Tangerine · Black · Cinnamon

HEX
#3D1507
RGB
rgb(61, 21, 7)
HSL
hsl(16, 79%, 13%)
HSB
hsb(16, 89%, 24%)
CMYK
cmyk(0%, 66%, 89%, 76%)
Oklch
oklch(25.6% 0.067 39.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7A7655
56597B

Analogous

7B6556
7A7655
6C7B56

Triadic

7A7655
567B78
78567B

Split-Comp.

7A7655
566C7B
65567B

Tetradic

7A7655
567B65
56597B
7B566C

Contrast Matrix WCAG 2.1 Contrast

7A7655
C64F34
B04112
912914
3D1507
—
1.0
Fail
1.3
Fail
1.8
Fail
3.5
AA Large
1.0
Fail
—
1.3
Fail
1.8
Fail
3.5
AA Large
1.3
Fail
1.3
Fail
—
1.4
Fail
2.8
Fail
1.8
Fail
1.8
Fail
1.4
Fail
—
1.9
Fail
3.5
AA Large
3.5
AA Large
2.8
Fail
1.9
Fail
—
White BG
4.6AA
4.6AA
5.8AA
8.3AAA
16.0AAA
Black BG
4.6AA
4.6AA
3.6AA Large
2.5Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

78785D
92913B
807F1D
646319
2C2B0A

Deuteranopia

79795F
99A23C
868F20
6A721A
2E310B

Tritanopia

7A6365
C04041
AA2628
8C1D1E
3B0D0E

Achromatopsia

737373
707070
5D5D5D
464646
1F1F1F

Shades & Tints Shades & Tints

#7A7655

Dark
Light

#C64F34

Dark
Light

#B04112

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7a7655;
  --color-2: #c64f34;
  --color-3: #b04112;
  --color-4: #912914;
  --color-5: #3d1507;
}

SCSS

$color-1: #7a7655;
$color-2: #c64f34;
$color-3: #b04112;
$color-4: #912914;
$color-5: #3d1507;

TAILWIND

colors: {
  'brand-1': '#7a7655',
  'brand-2': '#c64f34',
  'brand-3': '#b04112',
  'brand-4': '#912914',
  'brand-5': '#3d1507',
}

RGB Array

[122, 118, 85], [198, 79, 52], [176, 65, 18], [145, 41, 20], [61, 21, 7]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #7A7655, #C64F34, #B04112, #912914, #3D1507 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: #7a7655; --color-2: #c64f34; --color-3: #b04112; --color-4: #912914; --color-5: #3d1507. 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 sunset-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