← Back to Editor

#B14237 · #B39B3B · #171509 · #D7AB86 · #BC8378

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 LibraryData Visualization

Color Details Color Details

#B14237

Crimson · Sienna · Passion Red

HEX
#B14237
RGB
rgb(177, 66, 55)
HSL
hsl(5, 53%, 45%)
HSB
hsb(5, 69%, 69%)
CMYK
cmyk(0%, 63%, 69%, 31%)
Oklch
oklch(53.0% 0.147 28.6)

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

#B39B3B

Ochre · GoldenRod · Honey Gold

HEX
#B39B3B
RGB
rgb(179, 155, 59)
HSL
hsl(48, 50%, 47%)
HSB
hsb(48, 67%, 70%)
CMYK
cmyk(0%, 13%, 67%, 30%)
Oklch
oklch(69.3% 0.117 95.0)

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

#171509

Autumn Sage · Black · Amber Gold

HEX
#171509
RGB
rgb(23, 21, 9)
HSL
hsl(51, 44%, 6%)
HSB
hsb(51, 61%, 9%)
CMYK
cmyk(0%, 9%, 61%, 91%)
Oklch
oklch(19.4% 0.022 100.0)

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

#D7AB86

Apricot · Tan · Warm Sun

HEX
#D7AB86
RGB
rgb(215, 171, 134)
HSL
hsl(27, 50%, 68%)
HSB
hsb(27, 38%, 84%)
CMYK
cmyk(0%, 20%, 38%, 16%)
Oklch
oklch(77.2% 0.072 61.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#BC8378

Crimson · DarkSalmon · Passion Red

HEX
#BC8378
RGB
rgb(188, 131, 120)
HSL
hsl(10, 34%, 60%)
HSB
hsb(10, 36%, 74%)
CMYK
cmyk(0%, 30%, 36%, 26%)
Oklch
oklch(66.4% 0.073 31.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B14237
36A5B0

Analogous

B03669
B14237
B07D36

Triadic

B14237
36B040
4036B0

Split-Comp.

B14237
36B07D
3669B0

Tetradic

B14237
69B036
36A5B0
7D36B0

Contrast Matrix WCAG 2.1 Contrast

B14237
B39B3B
171509
D7AB86
BC8378
—
2.1
Fail
3.2
AA Large
2.7
Fail
1.8
Fail
2.1
Fail
—
6.7
AA
1.3
Fail
1.2
Fail
3.2
AA Large
6.7
AA
—
8.8
AAA
5.8
AA
2.7
Fail
1.3
Fail
8.8
AAA
—
1.5
Fail
1.8
Fail
1.2
Fail
5.8
AA
1.5
Fail
—
White BG
5.7AA
2.7Fail
18.3AAA
2.1Fail
3.2AA Large
Black BG
3.7AA Large
7.7AAA
1.1Fail
10.1AAA
6.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

81803A
A9A852
16160C
C4C48F
A3A37B

Deuteranopia

87903A
AAAC58
16160D
C7CA91
A7AB7B

Tritanopia

AB3C3C
B26569
170E0F
D59698
B97D7D

Achromatopsia

626262
979797
141414
B4B4B4
939393

Shades & Tints Shades & Tints

#B14237

Dark
Light

#B39B3B

Dark
Light

#171509

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b14237;
  --color-2: #b39b3b;
  --color-3: #171509;
  --color-4: #d7ab86;
  --color-5: #bc8378;
}

SCSS

$color-1: #b14237;
$color-2: #b39b3b;
$color-3: #171509;
$color-4: #d7ab86;
$color-5: #bc8378;

TAILWIND

colors: {
  'brand-1': '#b14237',
  'brand-2': '#b39b3b',
  'brand-3': '#171509',
  'brand-4': '#d7ab86',
  'brand-5': '#bc8378',
}

RGB Array

[177, 66, 55], [179, 155, 59], [23, 21, 9], [215, 171, 134], [188, 131, 120]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #B14237, #B39B3B, #171509, #D7AB86, #BC8378 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #b14237; --color-2: #b39b3b; --color-3: #171509; --color-4: #d7ab86; --color-5: #bc8378. 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 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