← Back to Editor

#6E454B · #925550 · #CC6C56 · #A7AA8B · #E4D39B

sunset

A 5-color sunset palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#6E454B

Crimson · DimGray · Wine Red

HEX
#6E454B
RGB
rgb(110, 69, 75)
HSL
hsl(351, 23%, 35%)
HSB
hsb(351, 37%, 43%)
CMYK
cmyk(0%, 37%, 32%, 57%)
Oklch
oklch(43.9% 0.057 10.1)

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

#925550

Crimson · Sienna · Passion Red

HEX
#925550
RGB
rgb(146, 85, 80)
HSL
hsl(5, 29%, 44%)
HSB
hsb(5, 45%, 57%)
CMYK
cmyk(0%, 42%, 45%, 43%)
Oklch
oklch(51.8% 0.082 25.3)

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

#CC6C56

Crimson · Tomato · Passion Red

HEX
#CC6C56
RGB
rgb(204, 108, 86)
HSL
hsl(11, 54%, 57%)
HSB
hsb(11, 58%, 80%)
CMYK
cmyk(0%, 47%, 58%, 20%)
Oklch
oklch(63.7% 0.127 34.0)

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

#A7AA8B

Fresh Green · DarkGray · Sunflower

HEX
#A7AA8B
RGB
rgb(167, 170, 139)
HSL
hsl(66, 15%, 61%)
HSB
hsb(66, 18%, 67%)
CMYK
cmyk(2%, 0%, 18%, 33%)
Oklch
oklch(72.7% 0.043 112.0)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#E4D39B

Goose Yellow · Khaki · Sunflower

HEX
#E4D39B
RGB
rgb(228, 211, 155)
HSL
hsl(46, 57%, 75%)
HSB
hsb(46, 32%, 89%)
CMYK
cmyk(0%, 7%, 32%, 11%)
Oklch
oklch(86.7% 0.075 93.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6E454B
456E68

Analogous

6E455F
6E454B
6E5345

Triadic

6E454B
4B6E45
454B6E

Split-Comp.

6E454B
456E53
455F6E

Tetradic

6E454B
5F6E45
456E68
53456E

Contrast Matrix WCAG 2.1 Contrast

6E454B
925550
CC6C56
A7AA8B
E4D39B
—
1.4
Fail
2.2
Fail
3.4
AA Large
5.4
AA
1.4
Fail
—
1.6
Fail
2.4
Fail
3.9
AA Large
2.2
Fail
1.6
Fail
—
1.5
Fail
2.4
Fail
3.4
AA Large
2.4
Fail
1.5
Fail
—
1.6
Fail
5.4
AA
3.9
AA Large
2.4
Fail
1.6
Fail
—
White BG
8.0AAA
5.8AA
3.6AA Large
2.4Fail
1.5Fail
Black BG
2.6Fail
3.6AA Large
5.8AA
8.8AAA
14.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5C5C4A
787751
A2A25B
A8A893
DDDCA9

Deuteranopia

5F6249
7B8052
A8AF5D
A8A894
DEDFAC

Tritanopia

6C4848
8F5252
C76060
A7989A
E3B3B6

Achromatopsia

525252
676767
868686
A6A6A6
D2D2D2

Shades & Tints Shades & Tints

#6E454B

Dark
Light

#925550

Dark
Light

#CC6C56

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6e454b;
  --color-2: #925550;
  --color-3: #cc6c56;
  --color-4: #a7aa8b;
  --color-5: #e4d39b;
}

SCSS

$color-1: #6e454b;
$color-2: #925550;
$color-3: #cc6c56;
$color-4: #a7aa8b;
$color-5: #e4d39b;

TAILWIND

colors: {
  'brand-1': '#6e454b',
  'brand-2': '#925550',
  'brand-3': '#cc6c56',
  'brand-4': '#a7aa8b',
  'brand-5': '#e4d39b',
}

RGB Array

[110, 69, 75], [146, 85, 80], [204, 108, 86], [167, 170, 139], [228, 211, 155]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #6E454B, #925550, #CC6C56, #A7AA8B, #E4D39B is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #6e454b; --color-2: #925550; --color-3: #cc6c56; --color-4: #a7aa8b; --color-5: #e4d39b. 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. 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 tech, SaaS, healthcare, eco industries. 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