← Back to Editor

#183641 · #294749 · #000819 · #A59F6F · #E8DEAB

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

#183641

Slate Blue · DarkSlateGray · Peacock Green

HEX
#183641
RGB
rgb(24, 54, 65)
HSL
hsl(196, 46%, 17%)
HSB
hsb(196, 63%, 25%)
CMYK
cmyk(63%, 17%, 0%, 75%)
Oklch
oklch(31.5% 0.041 224.4)

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

#294749

Slate Blue · DarkSlateGray · Peacock Green

HEX
#294749
RGB
rgb(41, 71, 73)
HSL
hsl(184, 28%, 22%)
HSB
hsb(184, 44%, 29%)
CMYK
cmyk(44%, 3%, 0%, 71%)
Oklch
oklch(37.5% 0.036 201.2)

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

#000819

Indigo · Black · Deep Sea Blue

HEX
#000819
RGB
rgb(0, 8, 25)
HSL
hsl(221, 100%, 5%)
HSB
hsb(221, 100%, 10%)
CMYK
cmyk(100%, 68%, 0%, 90%)
Oklch
oklch(13.5% 0.043 253.8)

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

#A59F6F

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A59F6F
RGB
rgb(165, 159, 111)
HSL
hsl(53, 23%, 54%)
HSB
hsb(53, 33%, 65%)
CMYK
cmyk(0%, 4%, 33%, 35%)
Oklch
oklch(69.6% 0.066 101.9)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#E8DEAB

Fresh Green · Wheat · Lemon Cream

HEX
#E8DEAB
RGB
rgb(232, 222, 171)
HSL
hsl(50, 57%, 79%)
HSB
hsb(50, 26%, 91%)
CMYK
cmyk(0%, 4%, 26%, 9%)
Oklch
oklch(89.6% 0.067 98.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

183641
3F2217

Analogous

173F36
183641
17213F

Triadic

183641
3F1735
353F17

Split-Comp.

183641
3F1721
3F3617

Tetradic

183641
36173F
3F2217
213F17

Contrast Matrix WCAG 2.1 Contrast

183641
294749
000819
A59F6F
E8DEAB
—
1.3
Fail
1.6
Fail
4.7
AA
9.4
AAA
1.3
Fail
—
2.0
Fail
3.7
AA Large
7.4
AAA
1.6
Fail
2.0
Fail
—
7.4
AAA
14.7
AAA
4.7
AA
3.7
AA Large
7.4
AAA
—
2.0
Fail
9.4
AAA
7.4
AAA
14.7
AAA
2.0
Fail
—
White BG
12.8AAA
10.0AAA
20.0AAA
2.7Fail
1.4Fail
Black BG
1.6Fail
2.1Fail
1.0Fail
7.8AAA
15.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

25253E
363649
030415
A2A27B
E4E4B7

Deuteranopia

23213E
343248
030214
A3A37D
E4E5BA

Tritanopia

193C3C
2A4848
001211
A58486
E7C1C3

Achromatopsia

2E2E2E
3E3E3E
080808
9B9B9B
DBDBDB

Shades & Tints Shades & Tints

#183641

Dark
Light

#294749

Dark
Light

#000819

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #183641;
  --color-2: #294749;
  --color-3: #000819;
  --color-4: #a59f6f;
  --color-5: #e8deab;
}

SCSS

$color-1: #183641;
$color-2: #294749;
$color-3: #000819;
$color-4: #a59f6f;
$color-5: #e8deab;

TAILWIND

colors: {
  'brand-1': '#183641',
  'brand-2': '#294749',
  'brand-3': '#000819',
  'brand-4': '#a59f6f',
  'brand-5': '#e8deab',
}

RGB Array

[24, 54, 65], [41, 71, 73], [0, 8, 25], [165, 159, 111], [232, 222, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #183641, #294749, #000819, #A59F6F, #E8DEAB 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: #183641; --color-2: #294749; --color-3: #000819; --color-4: #a59f6f; --color-5: #e8deab. 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