#383928 + #0A103E + #152281 + #2339DA + #59634A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#383928

Autumn Sage · DarkSlateGray · Amber Gold

HEX

#383928

RGB

rgb(56, 57, 40)

HSL

hsl(64, 18%, 19%)

HSB

hsb(64, 30%, 22%)

CMYK

cmyk(2%, 0%, 30%, 78%)

Oklch

oklch(33.8% 0.028 110.6)

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

#0A103E

Indigo · MidnightBlue · Deep Sea Blue

HEX

#0A103E

RGB

rgb(10, 16, 62)

HSL

hsl(233, 72%, 14%)

HSB

hsb(233, 84%, 24%)

CMYK

cmyk(84%, 74%, 0%, 76%)

Oklch

oklch(20.5% 0.087 270.6)

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

#152281

Indigo · MidnightBlue · Prussian Blue

HEX

#152281

RGB

rgb(21, 34, 129)

HSL

hsl(233, 72%, 29%)

HSB

hsb(233, 84%, 51%)

CMYK

cmyk(84%, 74%, 0%, 49%)

Oklch

oklch(32.0% 0.157 268.5)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#2339DA

Indigo · MediumBlue · Navy Blue

HEX

#2339DA

RGB

rgb(35, 57, 218)

HSL

hsl(233, 72%, 50%)

HSB

hsb(233, 84%, 85%)

CMYK

cmyk(84%, 74%, 0%, 15%)

Oklch

oklch(45.8% 0.240 267.5)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#59634A

Grass Green · DarkOliveGreen · Forest Green

HEX

#59634A

RGB

rgb(89, 99, 74)

HSL

hsl(84, 14%, 34%)

HSB

hsb(84, 25%, 39%)

CMYK

cmyk(10%, 0%, 25%, 61%)

Oklch

oklch(48.4% 0.041 125.6)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

383928

292839

Analogous

393228

383928

2F3928

Triadic

383928

283839

392838

Split-Comp.

383928

282F39

322839

Tetradic

383928

283932

292839

39282F

Contrast Matrix WCAG 2.1 Contrast

383928	0A103E	152281	2339DA	59634A
—	1.5 Fail	1.1 Fail	1.5 Fail	1.9 Fail
1.5 Fail	—	1.4 Fail	2.3 Fail	2.9 Fail
1.1 Fail	1.4 Fail	—	1.7 Fail	2.1 Fail
1.5 Fail	2.3 Fail	1.7 Fail	—	1.2 Fail
1.9 Fail	2.9 Fail	2.1 Fail	1.2 Fail	—

White BG

11.8AAA

18.2AAA

13.3AAA

7.9AAA

6.3AA

Black BG

1.8Fail

1.2Fail

1.6Fail

2.7Fail

3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

38382C

0D0D33

1B1B6A

2D2DB3

5D5D50

Deuteranopia

38382D

0C0C30

1A1965

2B2AAA

5D5C52

Tritanopia

382F30

0A2A28

165854

24948E

5A5556

Achromatopsia

373737

131313

292929

454545

5D5D5D

Shades & Tints Shades & Tints

#383928

Dark

Light

#0A103E

Dark

Light

#152281

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #383928;
  --color-2: #0a103e;
  --color-3: #152281;
  --color-4: #2339da;
  --color-5: #59634a;
}

SCSS

$color-1: #383928;
$color-2: #0a103e;
$color-3: #152281;
$color-4: #2339da;
$color-5: #59634a;

TAILWIND

colors: {
  'brand-1': '#383928',
  'brand-2': '#0a103e',
  'brand-3': '#152281',
  'brand-4': '#2339da',
  'brand-5': '#59634a',
}

RGB Array

[56, 57, 40], [10, 16, 62], [21, 34, 129], [35, 57, 218], [89, 99, 74]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #383928, #0A103E, #152281, #2339DA, #59634A is ideal for: tech websites, dark mode UIs, game UIs. 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: #383928; --color-2: #0a103e; --color-3: #152281; --color-4: #2339da; --color-5: #59634a. 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 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