← Back to Editor

#1C252D · #773C3B · #AA5212 · #9C8831 · #BCB58E

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#1C252D

Slate Blue · DarkSlateGray · Deep Sea Blue

HEX
#1C252D
RGB
rgb(28, 37, 45)
HSL
hsl(208, 23%, 14%)
HSB
hsb(208, 38%, 18%)
CMYK
cmyk(38%, 18%, 0%, 82%)
Oklch
oklch(25.9% 0.020 245.5)

Traditional「Slate Blue」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#773C3B

Crimson · Sienna · Wine Red

HEX
#773C3B
RGB
rgb(119, 60, 59)
HSL
hsl(1, 34%, 35%)
HSB
hsb(1, 50%, 47%)
CMYK
cmyk(0%, 50%, 50%, 53%)
Oklch
oklch(43.1% 0.083 22.1)

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

#AA5212

Tangerine · Sienna · Amber Brown

HEX
#AA5212
RGB
rgb(170, 82, 18)
HSL
hsl(25, 81%, 37%)
HSB
hsb(25, 89%, 67%)
CMYK
cmyk(0%, 52%, 89%, 33%)
Oklch
oklch(53.9% 0.135 50.0)

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

#9C8831

Ochre · DarkGoldenRod · Honey Gold

HEX
#9C8831
RGB
rgb(156, 136, 49)
HSL
hsl(49, 52%, 40%)
HSB
hsb(49, 69%, 61%)
CMYK
cmyk(0%, 13%, 69%, 39%)
Oklch
oklch(62.8% 0.108 96.1)

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

#BCB58E

Fresh Green · Tan · Sunflower

HEX
#BCB58E
RGB
rgb(188, 181, 142)
HSL
hsl(51, 26%, 65%)
HSB
hsb(51, 24%, 74%)
CMYK
cmyk(0%, 4%, 24%, 26%)
Oklch
oklch(76.9% 0.054 99.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1C252D
2C231B

Analogous

1B2C2B
1C252D
1B1C2C

Triadic

1C252D
2C1B24
242C1B

Split-Comp.

1C252D
2C1B1C
2C2B1B

Tetradic

1C252D
2B1B2C
2C231B
1C2C1B

Contrast Matrix WCAG 2.1 Contrast

1C252D
773C3B
AA5212
9C8831
BCB58E
—
1.8
Fail
2.9
Fail
4.4
AA Large
7.5
AAA
1.8
Fail
—
1.6
Fail
2.4
Fail
4.1
AA Large
2.9
Fail
1.6
Fail
—
1.5
Fail
2.6
Fail
4.4
AA Large
2.4
Fail
1.5
Fail
—
1.7
Fail
7.5
AAA
4.1
AA Large
2.6
Fail
1.7
Fail
—
White BG
15.5AAA
8.4AAA
5.4AA
3.5AA Large
2.1Fail
Black BG
1.4Fail
2.5Fail
3.9AA Large
6.0AA
10.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

20202B
5D5D3B
848321
939346
B9B997

Deuteranopia

1F1F2B
61653B
899025
95964B
B9BA9A

Tritanopia

1C2A29
743B3B
A62E30
9B575A
BC9FA1

Achromatopsia

232323
4E4E4E
656565
848484
B3B3B3

Shades & Tints Shades & Tints

#1C252D

Dark
Light

#773C3B

Dark
Light

#AA5212

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1c252d;
  --color-2: #773c3b;
  --color-3: #aa5212;
  --color-4: #9c8831;
  --color-5: #bcb58e;
}

SCSS

$color-1: #1c252d;
$color-2: #773c3b;
$color-3: #aa5212;
$color-4: #9c8831;
$color-5: #bcb58e;

TAILWIND

colors: {
  'brand-1': '#1c252d',
  'brand-2': '#773c3b',
  'brand-3': '#aa5212',
  'brand-4': '#9c8831',
  'brand-5': '#bcb58e',
}

RGB Array

[28, 37, 45], [119, 60, 59], [170, 82, 18], [156, 136, 49], [188, 181, 142]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1C252D, #773C3B, #AA5212, #9C8831, #BCB58E 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: #1c252d; --color-2: #773c3b; --color-3: #aa5212; --color-4: #9c8831; --color-5: #bcb58e. 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