← Back to Editor

#79CCA2 · #7D6C54 · #810B06 · #825C60 · #9B95A6

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 Library

Color Details Color Details

#79CCA2

Jade · MediumAquaMarine · Apple Green

HEX
#79CCA2
RGB
rgb(121, 204, 162)
HSL
hsl(150, 45%, 64%)
HSB
hsb(150, 41%, 80%)
CMYK
cmyk(41%, 0%, 21%, 20%)
Oklch
oklch(78.1% 0.102 160.7)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#7D6C54

Ochre · DimGray · Amber Brown

HEX
#7D6C54
RGB
rgb(125, 108, 84)
HSL
hsl(35, 20%, 41%)
HSB
hsb(35, 33%, 49%)
CMYK
cmyk(0%, 14%, 33%, 51%)
Oklch
oklch(54.1% 0.041 76.2)

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

#810B06

Vermilion · Maroon · Wine Red

HEX
#810B06
RGB
rgb(129, 11, 6)
HSL
hsl(2, 91%, 26%)
HSB
hsb(2, 95%, 51%)
CMYK
cmyk(0%, 91%, 95%, 49%)
Oklch
oklch(38.4% 0.150 29.3)

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

#825C60

Crimson · DimGray · Passion Red

HEX
#825C60
RGB
rgb(130, 92, 96)
HSL
hsl(354, 17%, 44%)
HSB
hsb(354, 29%, 51%)
CMYK
cmyk(0%, 29%, 26%, 49%)
Oklch
oklch(51.6% 0.050 12.0)

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

#9B95A6

Wisteria · DarkGray · Silver Sand

HEX
#9B95A6
RGB
rgb(155, 149, 166)
HSL
hsl(261, 9%, 62%)
HSB
hsb(261, 10%, 65%)
CMYK
cmyk(7%, 10%, 0%, 35%)
Oklch
oklch(68.0% 0.026 301.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

79CCA2
CD7AA3

Analogous

7ACD7A
79CCA2
7ACDCD

Triadic

79CCA2
A37ACD
CDA37A

Split-Comp.

79CCA2
CD7ACD
CD7A7A

Tetradic

79CCA2
7A7ACD
CD7AA3
CDCD7A

Contrast Matrix WCAG 2.1 Contrast

79CCA2
7D6C54
810B06
825C60
9B95A6
—
2.6
Fail
5.5
AA
3.0
AA Large
1.5
Fail
2.6
Fail
—
2.1
Fail
1.1
Fail
1.7
Fail
5.5
AA
2.1
Fail
—
1.8
Fail
3.7
AA Large
3.0
AA Large
1.1
Fail
1.8
Fail
—
2.0
Fail
1.5
Fail
1.7
Fail
3.7
AA Large
2.0
Fail
—
White BG
1.9Fail
5.1AA
10.6AAA
5.8AA
2.9Fail
Black BG
11.0AAA
4.1AA Large
2.0Fail
3.6AA Large
7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9EAC
76755A
4E4D07
72715F
9898A2

Deuteranopia

9892AF
77785B
555E07
74775F
9999A1

Tritanopia

7DB4B6
7C5E5F
7B0808
805E5E
9B9F9E

Achromatopsia

AEAEAE
6E6E6E
2E2E2E
686868
999999

Shades & Tints Shades & Tints

#79CCA2

Dark
Light

#7D6C54

Dark
Light

#810B06

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #79cca2;
  --color-2: #7d6c54;
  --color-3: #810b06;
  --color-4: #825c60;
  --color-5: #9b95a6;
}

SCSS

$color-1: #79cca2;
$color-2: #7d6c54;
$color-3: #810b06;
$color-4: #825c60;
$color-5: #9b95a6;

TAILWIND

colors: {
  'brand-1': '#79cca2',
  'brand-2': '#7d6c54',
  'brand-3': '#810b06',
  'brand-4': '#825c60',
  'brand-5': '#9b95a6',
}

RGB Array

[121, 204, 162], [125, 108, 84], [129, 11, 6], [130, 92, 96], [155, 149, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #79CCA2, #7D6C54, #810B06, #825C60, #9B95A6 is ideal for: corporate websites, product showcases, portfolios. 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: #79cca2; --color-2: #7d6c54; --color-3: #810b06; --color-4: #825c60; --color-5: #9b95a6. 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. 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