← Back to Editor

#452517 · #692B1A · #80372B · #99824D · #DBBD76

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

#452517

Tangerine · Maroon · Cinnamon

HEX
#452517
RGB
rgb(69, 37, 23)
HSL
hsl(18, 50%, 18%)
HSB
hsb(18, 67%, 27%)
CMYK
cmyk(0%, 46%, 67%, 73%)
Oklch
oklch(30.3% 0.054 43.9)

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

#692B1A

Crimson · Maroon · Wine Red

HEX
#692B1A
RGB
rgb(105, 43, 26)
HSL
hsl(13, 60%, 26%)
HSB
hsb(13, 75%, 41%)
CMYK
cmyk(0%, 59%, 75%, 59%)
Oklch
oklch(37.4% 0.094 36.2)

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

#80372B

Crimson · Brown · Wine Red

HEX
#80372B
RGB
rgb(128, 55, 43)
HSL
hsl(8, 50%, 34%)
HSB
hsb(8, 66%, 50%)
CMYK
cmyk(0%, 57%, 66%, 50%)
Oklch
oklch(43.3% 0.104 31.2)

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

#99824D

Ochre · Gray · Honey Gold

HEX
#99824D
RGB
rgb(153, 130, 77)
HSL
hsl(42, 33%, 45%)
HSB
hsb(42, 50%, 60%)
CMYK
cmyk(0%, 15%, 50%, 40%)
Oklch
oklch(61.6% 0.077 86.7)

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

#DBBD76

Ginger · BurlyWood · Sunflower

HEX
#DBBD76
RGB
rgb(219, 189, 118)
HSL
hsl(42, 58%, 66%)
HSB
hsb(42, 46%, 86%)
CMYK
cmyk(0%, 14%, 46%, 14%)
Oklch
oklch(80.9% 0.096 87.4)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

452517
173745

Analogous

451720
452517
453C17

Triadic

452517
174525
251745

Split-Comp.

452517
17453C
172045

Tetradic

452517
204517
173745
3C1745

Contrast Matrix WCAG 2.1 Contrast

452517
692B1A
80372B
99824D
DBBD76
—
1.3
Fail
1.6
Fail
3.7
AA Large
7.6
AAA
1.3
Fail
—
1.3
Fail
2.9
Fail
5.9
AA
1.6
Fail
1.3
Fail
—
2.3
Fail
4.6
AA
3.7
AA Large
2.9
Fail
2.3
Fail
—
2.0
Fail
7.6
AAA
5.9
AA
4.6
AA
2.0
Fail
—
White BG
13.7AAA
10.7AAA
8.4AAA
3.7AA Large
1.8Fail
Black BG
1.5Fail
2.0Fail
2.5Fail
5.7AA
11.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

37371A
4E4E1E
60602E
8F8F5A
CECE87

Deuteranopia

393B1B
52561F
656A2F
90925D
D0D28B

Tritanopia

431D1E
662122
7C3031
986466
D99598

Achromatopsia

2D2D2D
3C3C3C
4B4B4B
838383
BEBEBE

Shades & Tints Shades & Tints

#452517

Dark
Light

#692B1A

Dark
Light

#80372B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #452517;
  --color-2: #692b1a;
  --color-3: #80372b;
  --color-4: #99824d;
  --color-5: #dbbd76;
}

SCSS

$color-1: #452517;
$color-2: #692b1a;
$color-3: #80372b;
$color-4: #99824d;
$color-5: #dbbd76;

TAILWIND

colors: {
  'brand-1': '#452517',
  'brand-2': '#692b1a',
  'brand-3': '#80372b',
  'brand-4': '#99824d',
  'brand-5': '#dbbd76',
}

RGB Array

[69, 37, 23], [105, 43, 26], [128, 55, 43], [153, 130, 77], [219, 189, 118]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #452517, #692B1A, #80372B, #99824D, #DBBD76 is ideal for: tech websites, dark mode UIs, game UIs, 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: #452517; --color-2: #692b1a; --color-3: #80372b; --color-4: #99824d; --color-5: #dbbd76. 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 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