← Back to Editor

#0B2814 · #47633A · #6EA585 · #C6DBA0 · #E7FDBC

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatile

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#0B2814

Pine Green · Black · Dark Green

HEX
#0B2814
RGB
rgb(11, 40, 20)
HSL
hsl(139, 57%, 10%)
HSB
hsb(139, 73%, 16%)
CMYK
cmyk(73%, 0%, 50%, 84%)
Oklch
oklch(24.8% 0.051 151.1)

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

#47633A

Celadon · DarkOliveGreen · Forest Green

HEX
#47633A
RGB
rgb(71, 99, 58)
HSL
hsl(101, 26%, 31%)
HSB
hsb(101, 41%, 39%)
CMYK
cmyk(28%, 0%, 41%, 61%)
Oklch
oklch(46.6% 0.072 136.2)

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

#6EA585

Celadon · CadetBlue · Olive Green

HEX
#6EA585
RGB
rgb(110, 165, 133)
HSL
hsl(145, 23%, 54%)
HSB
hsb(145, 33%, 65%)
CMYK
cmyk(33%, 0%, 19%, 35%)
Oklch
oklch(67.4% 0.075 158.1)

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

#C6DBA0

Willow Green · Silver · Apple Green

HEX
#C6DBA0
RGB
rgb(198, 219, 160)
HSL
hsl(81, 45%, 74%)
HSB
hsb(81, 27%, 86%)
CMYK
cmyk(10%, 0%, 27%, 14%)
Oklch
oklch(86.1% 0.081 124.0)

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

#E7FDBC

Willow Green · Wheat · Mint Green

HEX
#E7FDBC
RGB
rgb(231, 253, 188)
HSL
hsl(80, 94%, 86%)
HSB
hsb(80, 26%, 99%)
CMYK
cmyk(9%, 0%, 26%, 1%)
Oklch
oklch(96.2% 0.087 123.2)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0B2814
280B1F

Analogous

10280B
0B2814
0B2823

Triadic

0B2814
140B28
28140B

Split-Comp.

0B2814
230B28
280B10

Tetradic

0B2814
0B1028
280B1F
28230B

Contrast Matrix WCAG 2.1 Contrast

0B2814
47633A
6EA585
C6DBA0
E7FDBC
—
2.3
Fail
5.6
AA
10.6
AAA
14.4
AAA
2.3
Fail
—
2.4
Fail
4.5
AA
6.2
AA
5.6
AA
2.4
Fail
—
1.9
Fail
2.6
Fail
10.6
AAA
4.5
AA
1.9
Fail
—
1.4
Fail
14.4
AAA
6.2
AA
2.6
Fail
1.4
Fail
—
White BG
15.8AAA
6.7AA
2.8Fail
1.5Fail
1.1Fail
Black BG
1.3Fail
3.1AA Large
7.4AAA
14.0AAA
19.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

181819
535344
86868D
CFCFAE
F1F1CC

Deuteranopia

16141A
524F46
837F8F
CECCB2
EFEED0

Tritanopia

0C1D1E
484C4D
719394
C7BABC
E8D8DB

Achromatopsia

1D1D1D
565656
919191
CECECE
EFEFEF

Shades & Tints Shades & Tints

#0B2814

Dark
Light

#47633A

Dark
Light

#6EA585

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0b2814;
  --color-2: #47633a;
  --color-3: #6ea585;
  --color-4: #c6dba0;
  --color-5: #e7fdbc;
}

SCSS

$color-1: #0b2814;
$color-2: #47633a;
$color-3: #6ea585;
$color-4: #c6dba0;
$color-5: #e7fdbc;

TAILWIND

colors: {
  'brand-1': '#0b2814',
  'brand-2': '#47633a',
  'brand-3': '#6ea585',
  'brand-4': '#c6dba0',
  'brand-5': '#e7fdbc',
}

RGB Array

[11, 40, 20], [71, 99, 58], [110, 165, 133], [198, 219, 160], [231, 253, 188]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0B2814, #47633A, #6EA585, #C6DBA0, #E7FDBC is ideal for: 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: #0b2814; --color-2: #47633a; --color-3: #6ea585; --color-4: #c6dba0; --color-5: #e7fdbc. 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. 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