← Back to Editor

#799153 · #C3E6B3 · #39413C · #220112 · #304214

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#799153

Grass Green · DimGray · Olive Green

HEX
#799153
RGB
rgb(121, 145, 83)
HSL
hsl(83, 27%, 45%)
HSB
hsb(83, 43%, 57%)
CMYK
cmyk(17%, 0%, 43%, 43%)
Oklch
oklch(62.3% 0.091 126.2)

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

#C3E6B3

Celadon · Silver · Apple Green

HEX
#C3E6B3
RGB
rgb(195, 230, 179)
HSL
hsl(101, 50%, 80%)
HSB
hsb(101, 22%, 90%)
CMYK
cmyk(15%, 0%, 22%, 10%)
Oklch
oklch(88.7% 0.078 135.9)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#39413C

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#39413C
RGB
rgb(57, 65, 60)
HSL
hsl(143, 7%, 24%)
HSB
hsb(143, 12%, 25%)
CMYK
cmyk(12%, 0%, 8%, 75%)
Oklch
oklch(36.6% 0.014 158.3)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#220112

Rose Purple · Black · Raspberry

HEX
#220112
RGB
rgb(34, 1, 18)
HSL
hsl(329, 94%, 7%)
HSB
hsb(329, 97%, 13%)
CMYK
cmyk(0%, 97%, 47%, 87%)
Oklch
oklch(16.8% 0.066 351.8)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#304214

Grass Green · DarkSlateGray · Dark Green

HEX
#304214
RGB
rgb(48, 66, 20)
HSL
hsl(83, 53%, 17%)
HSB
hsb(83, 70%, 26%)
CMYK
cmyk(27%, 0%, 70%, 74%)
Oklch
oklch(35.2% 0.073 127.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

799153
6C5492

Analogous

928B54
799153
5B9254

Triadic

799153
547A92
92547A

Split-Comp.

799153
545B92
8B5492

Tetradic

799153
54928B
6C5492
92545B

Contrast Matrix WCAG 2.1 Contrast

799153
C3E6B3
39413C
220112
304214
—
2.6
Fail
3.0
AA Large
5.5
AA
3.1
AA Large
2.6
Fail
—
7.7
AAA
14.1
AAA
8.0
AAA
3.0
AA Large
7.7
AAA
—
1.8
Fail
1.0
Fail
5.5
AA
14.1
AAA
1.8
Fail
—
1.8
Fail
3.1
AA Large
8.0
AAA
1.0
Fail
1.8
Fail
—
White BG
3.5AA Large
1.4Fail
10.5AAA
19.4AAA
11.0AAA
Black BG
6.0AA
15.3AAA
2.0Fail
1.1Fail
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

838462
D2D2BF
3C3D3D
14130E
38381F

Deuteranopia

828066
D0CEC2
3C3B3E
16180D
373522

Tritanopia

7A6E70
C5C9CB
393E3E
200B0A
31282A

Achromatopsia

838383
D6D6D6
3E3E3E
0D0D0D
373737

Shades & Tints Shades & Tints

#799153

Dark
Light

#C3E6B3

Dark
Light

#39413C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #799153;
  --color-2: #c3e6b3;
  --color-3: #39413c;
  --color-4: #220112;
  --color-5: #304214;
}

SCSS

$color-1: #799153;
$color-2: #c3e6b3;
$color-3: #39413c;
$color-4: #220112;
$color-5: #304214;

TAILWIND

colors: {
  'brand-1': '#799153',
  'brand-2': '#c3e6b3',
  'brand-3': '#39413c',
  'brand-4': '#220112',
  'brand-5': '#304214',
}

RGB Array

[121, 145, 83], [195, 230, 179], [57, 65, 60], [34, 1, 18], [48, 66, 20]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #799153, #C3E6B3, #39413C, #220112, #304214 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: #799153; --color-2: #c3e6b3; --color-3: #39413c; --color-4: #220112; --color-5: #304214. 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