#0FD94D + #6DA359 + #757A4F + #A81B1C + #2E1313 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#0FD94D

Pine Green · LimeGreen · Olive Green

HEX

#0FD94D

RGB

rgb(15, 217, 77)

HSL

hsl(138, 87%, 45%)

HSB

hsb(138, 93%, 85%)

CMYK

cmyk(93%, 0%, 65%, 15%)

Oklch

oklch(77.2% 0.231 146.4)

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

#6DA359

Celadon · Gray · Olive Green

HEX

#6DA359

RGB

rgb(109, 163, 89)

HSL

hsl(104, 29%, 49%)

HSB

hsb(104, 45%, 64%)

CMYK

cmyk(33%, 0%, 45%, 36%)

Oklch

oklch(66.0% 0.119 137.7)

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

#757A4F

Autumn Sage · DimGray · Honey Gold

HEX

#757A4F

RGB

rgb(117, 122, 79)

HSL

hsl(67, 21%, 39%)

HSB

hsb(67, 35%, 48%)

CMYK

cmyk(4%, 0%, 35%, 52%)

Oklch

oklch(56.4% 0.062 113.8)

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

#A81B1C

Vermilion · FireBrick · Wine Red

HEX

#A81B1C

RGB

rgb(168, 27, 28)

HSL

hsl(360, 72%, 38%)

HSB

hsb(360, 84%, 66%)

CMYK

cmyk(0%, 84%, 83%, 34%)

Oklch

oklch(47.3% 0.175 27.0)

Traditional「Vermilion」· Paint「Wine Red」· Creative Deep Ember

#2E1313

Crimson · Black · Deep Berry

HEX

#2E1313

RGB

rgb(46, 19, 19)

HSL

hsl(0, 42%, 13%)

HSB

hsb(0, 59%, 18%)

CMYK

cmyk(0%, 59%, 59%, 82%)

Oklch

oklch(22.7% 0.044 21.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0FD94D

D70F9B

Analogous

37D70F

0FD94D

0FD7AF

Triadic

0FD94D

4B0FD7

D74B0F

Split-Comp.

0FD94D

AF0FD7

D70F37

Tetradic

0FD94D

0F37D7

D70F9B

D7AF0F

Contrast Matrix WCAG 2.1 Contrast

0FD94D	6DA359	757A4F	A81B1C	2E1313
—	1.6 Fail	2.4 Fail	3.9 AA Large	9.1 AAA
1.6 Fail	—	1.5 Fail	2.5 Fail	5.8 AA
2.4 Fail	1.5 Fail	—	1.6 Fail	3.8 AA Large
3.9 AA Large	2.5 Fail	1.6 Fail	—	2.3 Fail
9.1 AAA	5.8 AA	3.8 AA Large	2.3 Fail	—

White BG

1.9Fail

3.0Fail

4.5AA

7.4AAA

17.2AAA

Black BG

11.1AAA

7.0AAA

4.7AA

2.8Fail

1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

66686F

84856B

777759

6B6A1C

222213

Deuteranopia

5B4C77

817D6F

77775C

737E1C

242613

Tritanopia

198A90

70797C

756263

A11C1C

2D1313

Achromatopsia

8D8D8D

8A8A8A

747474

454545

1B1B1B

Shades & Tints Shades & Tints

#0FD94D

Dark

Light

#6DA359

Dark

Light

#757A4F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0fd94d;
  --color-2: #6da359;
  --color-3: #757a4f;
  --color-4: #a81b1c;
  --color-5: #2e1313;
}

SCSS

$color-1: #0fd94d;
$color-2: #6da359;
$color-3: #757a4f;
$color-4: #a81b1c;
$color-5: #2e1313;

TAILWIND

colors: {
  'brand-1': '#0fd94d',
  'brand-2': '#6da359',
  'brand-3': '#757a4f',
  'brand-4': '#a81b1c',
  'brand-5': '#2e1313',
}

RGB Array

[15, 217, 77], [109, 163, 89], [117, 122, 79], [168, 27, 28], [46, 19, 19]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0FD94D, #6DA359, #757A4F, #A81B1C, #2E1313 is ideal for: tech websites, dark mode UIs, game UIs. 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: #0fd94d; --color-2: #6da359; --color-3: #757a4f; --color-4: #a81b1c; --color-5: #2e1313. 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. 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