← Back to Editor

#18092C · #285954 · #A6A36F · #BA856A · #EB3466

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

#18092C

Deep Indigo · Black · Dark Purple

HEX
#18092C
RGB
rgb(24, 9, 44)
HSL
hsl(266, 66%, 10%)
HSB
hsb(266, 80%, 17%)
CMYK
cmyk(45%, 80%, 0%, 83%)
Oklch
oklch(18.6% 0.068 299.5)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#285954

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#285954
RGB
rgb(40, 89, 84)
HSL
hsl(174, 38%, 25%)
HSB
hsb(174, 55%, 35%)
CMYK
cmyk(55%, 0%, 6%, 65%)
Oklch
oklch(42.8% 0.054 186.6)

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

#A6A36F

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A6A36F
RGB
rgb(166, 163, 111)
HSL
hsl(57, 24%, 54%)
HSB
hsb(57, 33%, 65%)
CMYK
cmyk(0%, 2%, 33%, 35%)
Oklch
oklch(70.5% 0.071 105.3)

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

#BA856A

Tangerine · DarkSalmon · Warm Sun

HEX
#BA856A
RGB
rgb(186, 133, 106)
HSL
hsl(20, 37%, 57%)
HSB
hsb(20, 43%, 73%)
CMYK
cmyk(0%, 28%, 43%, 27%)
Oklch
oklch(66.3% 0.076 48.0)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#EB3466

Dark Violet · Crimson · Rose Pink

HEX
#EB3466
RGB
rgb(235, 52, 102)
HSL
hsl(344, 82%, 56%)
HSB
hsb(344, 78%, 92%)
CMYK
cmyk(0%, 78%, 57%, 8%)
Oklch
oklch(62.3% 0.217 11.0)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

18092C
1C2A09

Analogous

090B2A
18092C
28092A

Triadic

18092C
2A1709
092A17

Split-Comp.

18092C
2A2809
0B2A09

Tetradic

18092C
2A090B
1C2A09
092A28

Contrast Matrix WCAG 2.1 Contrast

18092C
285954
A6A36F
BA856A
EB3466
—
2.4
Fail
7.3
AAA
6.0
AA
4.7
AA
2.4
Fail
—
3.1
AA Large
2.5
Fail
2.0
Fail
7.3
AAA
3.1
AA Large
—
1.2
Fail
1.6
Fail
6.0
AA
2.5
Fail
1.2
Fail
—
1.3
Fail
4.7
AA
2.0
Fail
1.6
Fail
1.3
Fail
—
White BG
18.8AAA
7.9AAA
2.6Fail
3.2AA Large
4.0AA Large
Black BG
1.1Fail
2.6Fail
8.1AAA
6.7AA
5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

121124
3D3E55
A5A57C
A3A371
9C9A5A

Deuteranopia

121322
3A3756
A5A57F
A6AA72
A6B457

Tritanopia

171D1B
2A5656
A68688
B77677
E2504E

Achromatopsia

111111
4A4A4A
9E9E9E
929292
707070

Shades & Tints Shades & Tints

#18092C

Dark
Light

#285954

Dark
Light

#A6A36F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #18092c;
  --color-2: #285954;
  --color-3: #a6a36f;
  --color-4: #ba856a;
  --color-5: #eb3466;
}

SCSS

$color-1: #18092c;
$color-2: #285954;
$color-3: #a6a36f;
$color-4: #ba856a;
$color-5: #eb3466;

TAILWIND

colors: {
  'brand-1': '#18092c',
  'brand-2': '#285954',
  'brand-3': '#a6a36f',
  'brand-4': '#ba856a',
  'brand-5': '#eb3466',
}

RGB Array

[24, 9, 44], [40, 89, 84], [166, 163, 111], [186, 133, 106], [235, 52, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #18092C, #285954, #A6A36F, #BA856A, #EB3466 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: #18092c; --color-2: #285954; --color-3: #a6a36f; --color-4: #ba856a; --color-5: #eb3466. 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 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