← Back to Editor

#1C4B51 · #716617 · #DFB219 · #9A040F · #371D10

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#1C4B51

Slate Blue · DarkSlateGray · Peacock Green

HEX
#1C4B51
RGB
rgb(28, 75, 81)
HSL
hsl(187, 49%, 21%)
HSB
hsb(187, 65%, 32%)
CMYK
cmyk(65%, 7%, 0%, 68%)
Oklch
oklch(38.3% 0.051 206.7)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#716617

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#716617
RGB
rgb(113, 102, 23)
HSL
hsl(53, 66%, 27%)
HSB
hsb(53, 80%, 44%)
CMYK
cmyk(0%, 10%, 80%, 56%)
Oklch
oklch(50.6% 0.096 101.0)

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

#DFB219

Ochre · GoldenRod · Honey Gold

HEX
#DFB219
RGB
rgb(223, 178, 25)
HSL
hsl(46, 80%, 49%)
HSB
hsb(46, 89%, 87%)
CMYK
cmyk(0%, 20%, 89%, 13%)
Oklch
oklch(78.2% 0.155 89.7)

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

#9A040F

Vermilion · DarkRed · Wine Red

HEX
#9A040F
RGB
rgb(154, 4, 15)
HSL
hsl(356, 95%, 31%)
HSB
hsb(356, 97%, 60%)
CMYK
cmyk(0%, 97%, 90%, 40%)
Oklch
oklch(43.3% 0.174 27.0)

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

#371D10

Tangerine · Black · Cinnamon

HEX
#371D10
RGB
rgb(55, 29, 16)
HSL
hsl(20, 55%, 14%)
HSB
hsb(20, 71%, 22%)
CMYK
cmyk(0%, 47%, 71%, 78%)
Oklch
oklch(26.3% 0.047 46.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1C4B51
50211B

Analogous

1B503C
1C4B51
1B2F50

Triadic

1C4B51
501B4A
4A501B

Split-Comp.

1C4B51
501B2F
503C1B

Tetradic

1C4B51
3C1B50
50211B
2F501B

Contrast Matrix WCAG 2.1 Contrast

1C4B51
716617
DFB219
9A040F
371D10
—
1.7
Fail
4.8
AA
1.1
Fail
1.6
Fail
1.7
Fail
—
2.9
Fail
1.5
Fail
2.7
Fail
4.8
AA
2.9
Fail
—
4.4
AA Large
7.8
AAA
1.1
Fail
1.5
Fail
4.4
AA Large
—
1.8
Fail
1.6
Fail
2.7
Fail
7.8
AAA
1.8
Fail
—
White BG
9.7AAA
5.8AA
2.0Fail
8.8AAA
15.6AAA
Black BG
2.2Fail
3.6AA Large
10.5AAA
2.4Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

303150
6C6C2A
CCCB3E
59580C
2C2C13

Deuteranopia

2E2A4F
6D6E2F
CED247
626D0C
2D2F14

Tritanopia

1E4E4E
70393D
DD5B62
920A0A
361616

Achromatopsia

3E3E3E
606060
AEAEAE
323232
232323

Shades & Tints Shades & Tints

#1C4B51

Dark
Light

#716617

Dark
Light

#DFB219

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1c4b51;
  --color-2: #716617;
  --color-3: #dfb219;
  --color-4: #9a040f;
  --color-5: #371d10;
}

SCSS

$color-1: #1c4b51;
$color-2: #716617;
$color-3: #dfb219;
$color-4: #9a040f;
$color-5: #371d10;

TAILWIND

colors: {
  'brand-1': '#1c4b51',
  'brand-2': '#716617',
  'brand-3': '#dfb219',
  'brand-4': '#9a040f',
  'brand-5': '#371d10',
}

RGB Array

[28, 75, 81], [113, 102, 23], [223, 178, 25], [154, 4, 15], [55, 29, 16]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1C4B51, #716617, #DFB219, #9A040F, #371D10 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: #1c4b51; --color-2: #716617; --color-3: #dfb219; --color-4: #9a040f; --color-5: #371d10. 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 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