← Back to Editor

#97A79A · #813D4A · #2E3140 · #001C38 · #0A0E34

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

#97A79A

Celadon · DarkGray · Silver Sand

HEX
#97A79A
RGB
rgb(151, 167, 154)
HSL
hsl(131, 8%, 62%)
HSB
hsb(131, 10%, 65%)
CMYK
cmyk(10%, 0%, 8%, 35%)
Oklch
oklch(71.2% 0.026 151.0)

Traditional「Celadon」· Paint「Silver Sand」· Creative Urban Concrete

#813D4A

Crimson · Sienna · Wine Red

HEX
#813D4A
RGB
rgb(129, 61, 74)
HSL
hsl(349, 36%, 37%)
HSB
hsb(349, 53%, 51%)
CMYK
cmyk(0%, 53%, 43%, 49%)
Oklch
oklch(45.2% 0.094 9.6)

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

#2E3140

Indigo · DarkSlateGray · Prussian Blue

HEX
#2E3140
RGB
rgb(46, 49, 64)
HSL
hsl(230, 16%, 22%)
HSB
hsb(230, 28%, 25%)
CMYK
cmyk(28%, 23%, 0%, 75%)
Oklch
oklch(31.7% 0.027 275.9)

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

#001C38

Indigo · MidnightBlue · Deep Sea Blue

HEX
#001C38
RGB
rgb(0, 28, 56)
HSL
hsl(210, 100%, 11%)
HSB
hsb(210, 100%, 22%)
CMYK
cmyk(100%, 50%, 0%, 78%)
Oklch
oklch(22.4% 0.065 250.7)

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

#0A0E34

Indigo · Black · Deep Sea Blue

HEX
#0A0E34
RGB
rgb(10, 14, 52)
HSL
hsl(234, 68%, 12%)
HSB
hsb(234, 81%, 20%)
CMYK
cmyk(81%, 73%, 0%, 80%)
Oklch
oklch(19.0% 0.074 272.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

97A79A
A696A3

Analogous

9BA696
97A79A
96A6A1

Triadic

97A79A
9996A6
A69996

Split-Comp.

97A79A
A196A6
A6969B

Tetradic

97A79A
969BA6
A696A3
A6A196

Contrast Matrix WCAG 2.1 Contrast

97A79A
813D4A
2E3140
001C38
0A0E34
—
3.1
AA Large
5.1
AA
6.8
AA
7.4
AAA
3.1
AA Large
—
1.7
Fail
2.2
Fail
2.4
Fail
5.1
AA
1.7
Fail
—
1.3
Fail
1.4
Fail
6.8
AA
2.2
Fail
1.3
Fail
—
1.1
Fail
7.4
AAA
2.4
Fail
1.4
Fail
1.1
Fail
—
White BG
2.5Fail
7.8AAA
12.9AAA
17.2AAA
18.7AAA
Black BG
8.3AAA
2.7Fail
1.6Fail
1.2Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9E9E9D
646347
2F2F3C
0C0C31
0C0C2B

Deuteranopia

9D9C9E
686D46
2F2F3C
0B0830
0C0B29

Tritanopia

98A0A0
7E4444
2E3A39
012C2B
0A2422

Achromatopsia

A1A1A1
535353
323232
171717
111111

Shades & Tints Shades & Tints

#97A79A

Dark
Light

#813D4A

Dark
Light

#2E3140

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #97a79a;
  --color-2: #813d4a;
  --color-3: #2e3140;
  --color-4: #001c38;
  --color-5: #0a0e34;
}

SCSS

$color-1: #97a79a;
$color-2: #813d4a;
$color-3: #2e3140;
$color-4: #001c38;
$color-5: #0a0e34;

TAILWIND

colors: {
  'brand-1': '#97a79a',
  'brand-2': '#813d4a',
  'brand-3': '#2e3140',
  'brand-4': '#001c38',
  'brand-5': '#0a0e34',
}

RGB Array

[151, 167, 154], [129, 61, 74], [46, 49, 64], [0, 28, 56], [10, 14, 52]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #97A79A, #813D4A, #2E3140, #001C38, #0A0E34 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: #97a79a; --color-2: #813d4a; --color-3: #2e3140; --color-4: #001c38; --color-5: #0a0e34. 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