← Back to Editor

#C79395 · #9E838A · #0E566F · #372F2D · #4A3508

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

#C79395

Peach Pink · Tan · Coral Red

HEX
#C79395
RGB
rgb(199, 147, 149)
HSL
hsl(358, 32%, 68%)
HSB
hsb(358, 26%, 78%)
CMYK
cmyk(0%, 26%, 25%, 22%)
Oklch
oklch(71.4% 0.063 16.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#9E838A

Dark Violet · Gray · Rose Pink

HEX
#9E838A
RGB
rgb(158, 131, 138)
HSL
hsl(344, 12%, 57%)
HSB
hsb(344, 17%, 62%)
CMYK
cmyk(0%, 17%, 13%, 38%)
Oklch
oklch(63.7% 0.034 0.8)

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

#0E566F

Lake Blue · DarkSlateGray · Peacock Green

HEX
#0E566F
RGB
rgb(14, 86, 111)
HSL
hsl(195, 78%, 25%)
HSB
hsb(195, 87%, 44%)
CMYK
cmyk(87%, 23%, 0%, 56%)
Oklch
oklch(42.4% 0.077 227.6)

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

#372F2D

Crimson · DarkSlateGray · Deep Berry

HEX
#372F2D
RGB
rgb(55, 47, 45)
HSL
hsl(12, 10%, 20%)
HSB
hsb(12, 18%, 22%)
CMYK
cmyk(0%, 15%, 18%, 78%)
Oklch
oklch(31.3% 0.012 34.3)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#4A3508

Ochre · DarkOliveGreen · Amber Gold

HEX
#4A3508
RGB
rgb(74, 53, 8)
HSL
hsl(41, 80%, 16%)
HSB
hsb(41, 89%, 29%)
CMYK
cmyk(0%, 28%, 89%, 71%)
Oklch
oklch(34.4% 0.065 81.5)

Traditional「Ochre」· Paint「Amber Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C79395
93C8C6

Analogous

C893AF
C79395
C8AC93

Triadic

C79395
95C893
9395C8

Split-Comp.

C79395
93C8AC
93AFC8

Tetradic

C79395
AFC893
93C8C6
AC93C8

Contrast Matrix WCAG 2.1 Contrast

C79395
9E838A
0E566F
372F2D
4A3508
—
1.3
Fail
3.1
AA Large
5.0
AA
4.5
AA Large
1.3
Fail
—
2.4
Fail
3.8
AA Large
3.4
AA Large
3.1
AA Large
2.4
Fail
—
1.6
Fail
1.4
Fail
5.0
AA
3.8
AA Large
1.6
Fail
—
1.1
Fail
4.5
AA Large
3.4
AA Large
1.4
Fail
1.1
Fail
—
White BG
2.6Fail
3.5AA Large
8.1AAA
13.1AAA
11.6AAA
Black BG
8.0AAA
6.1AA
2.6Fail
1.6Fail
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B0B095
929288
2D2E69
34332D
414113

Deuteranopia

B4B794
949688
292467
34352E
424416

Tritanopia

C49494
9D8787
126463
372E2E
491B1D

Achromatopsia

A3A3A3
8C8C8C
434343
313131
363636

Shades & Tints Shades & Tints

#C79395

Dark
Light

#9E838A

Dark
Light

#0E566F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c79395;
  --color-2: #9e838a;
  --color-3: #0e566f;
  --color-4: #372f2d;
  --color-5: #4a3508;
}

SCSS

$color-1: #c79395;
$color-2: #9e838a;
$color-3: #0e566f;
$color-4: #372f2d;
$color-5: #4a3508;

TAILWIND

colors: {
  'brand-1': '#c79395',
  'brand-2': '#9e838a',
  'brand-3': '#0e566f',
  'brand-4': '#372f2d',
  'brand-5': '#4a3508',
}

RGB Array

[199, 147, 149], [158, 131, 138], [14, 86, 111], [55, 47, 45], [74, 53, 8]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C79395, #9E838A, #0E566F, #372F2D, #4A3508 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: #c79395; --color-2: #9e838a; --color-3: #0e566f; --color-4: #372f2d; --color-5: #4a3508. 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