← Back to Editor

#140A0E · #38525F · #3692B9 · #827D42 · #B13410

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

#140A0E

Dark Violet · Black · Raspberry

HEX
#140A0E
RGB
rgb(20, 10, 14)
HSL
hsl(336, 33%, 6%)
HSB
hsb(336, 50%, 8%)
CMYK
cmyk(0%, 50%, 30%, 92%)
Oklch
oklch(16.1% 0.019 353.8)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#38525F

Slate Blue · DarkSlateGray · Prussian Blue

HEX
#38525F
RGB
rgb(56, 82, 95)
HSL
hsl(200, 26%, 30%)
HSB
hsb(200, 41%, 37%)
CMYK
cmyk(41%, 14%, 0%, 63%)
Oklch
oklch(42.3% 0.038 230.4)

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

#3692B9

Lake Blue · SteelBlue · Mint Ice

HEX
#3692B9
RGB
rgb(54, 146, 185)
HSL
hsl(198, 55%, 47%)
HSB
hsb(198, 71%, 73%)
CMYK
cmyk(71%, 21%, 0%, 27%)
Oklch
oklch(62.3% 0.103 230.0)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#827D42

Autumn Sage · DimGray · Honey Gold

HEX
#827D42
RGB
rgb(130, 125, 66)
HSL
hsl(55, 33%, 38%)
HSB
hsb(55, 49%, 51%)
CMYK
cmyk(0%, 4%, 49%, 49%)
Oklch
oklch(58.1% 0.080 104.3)

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

#B13410

Vermilion · FireBrick · Wine Red

HEX
#B13410
RGB
rgb(177, 52, 16)
HSL
hsl(13, 83%, 38%)
HSB
hsb(13, 91%, 69%)
CMYK
cmyk(0%, 71%, 91%, 31%)
Oklch
oklch(51.0% 0.167 35.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

140A0E
0A1410

Analogous

140A13
140A0E
140B0A

Triadic

140A0E
0E140A
0A0E14

Split-Comp.

140A0E
0A140B
0A1314

Tetradic

140A0E
13140A
0A1410
0B0A14

Contrast Matrix WCAG 2.1 Contrast

140A0E
38525F
3692B9
827D42
B13410
—
2.4
Fail
5.5
AA
4.6
AA
3.1
AA Large
2.4
Fail
—
2.3
Fail
2.0
Fail
1.3
Fail
5.5
AA
2.3
Fail
—
1.2
Fail
1.8
Fail
4.6
AA
2.0
Fail
1.2
Fail
—
1.5
Fail
3.1
AA Large
1.3
Fail
1.8
Fail
1.5
Fail
—
White BG
19.5AAA
8.3AAA
3.5AA Large
4.2AA Large
6.2AA
Black BG
1.1Fail
2.5Fail
6.0AA
5.0AA
3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

10100D
43435C
5E5FB0
808050
7B7A19

Deuteranopia

10110D
42405B
5952AD
808154
828C1B

Tritanopia

140C0C
395959
3BA8A6
825C5E
AB2021

Achromatopsia

0D0D0D
4C4C4C
7B7B7B
787878
555555

Shades & Tints Shades & Tints

#140A0E

Dark
Light

#38525F

Dark
Light

#3692B9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #140a0e;
  --color-2: #38525f;
  --color-3: #3692b9;
  --color-4: #827d42;
  --color-5: #b13410;
}

SCSS

$color-1: #140a0e;
$color-2: #38525f;
$color-3: #3692b9;
$color-4: #827d42;
$color-5: #b13410;

TAILWIND

colors: {
  'brand-1': '#140a0e',
  'brand-2': '#38525f',
  'brand-3': '#3692b9',
  'brand-4': '#827d42',
  'brand-5': '#b13410',
}

RGB Array

[20, 10, 14], [56, 82, 95], [54, 146, 185], [130, 125, 66], [177, 52, 16]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #140A0E, #38525F, #3692B9, #827D42, #B13410 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: #140a0e; --color-2: #38525f; --color-3: #3692b9; --color-4: #827d42; --color-5: #b13410. 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