← Back to Editor

#6EA655 · #277043 · #0F4537 · #031F1F · #030001

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#6EA655

Celadon · MediumSeaGreen · Olive Green

HEX
#6EA655
RGB
rgb(110, 166, 85)
HSL
hsl(101, 32%, 49%)
HSB
hsb(101, 49%, 65%)
CMYK
cmyk(34%, 0%, 49%, 35%)
Oklch
oklch(66.7% 0.127 136.8)

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

#277043

Celadon · SeaGreen · Forest Green

HEX
#277043
RGB
rgb(39, 112, 67)
HSL
hsl(143, 48%, 30%)
HSB
hsb(143, 65%, 44%)
CMYK
cmyk(65%, 0%, 40%, 56%)
Oklch
oklch(48.7% 0.102 153.1)

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

#0F4537

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#0F4537
RGB
rgb(15, 69, 55)
HSL
hsl(164, 64%, 16%)
HSB
hsb(164, 78%, 27%)
CMYK
cmyk(78%, 0%, 20%, 73%)
Oklch
oklch(35.2% 0.061 171.6)

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

#031F1F

Lake Blue · Black · Peacock Green

HEX
#031F1F
RGB
rgb(3, 31, 31)
HSL
hsl(180, 82%, 7%)
HSB
hsb(180, 90%, 12%)
CMYK
cmyk(90%, 0%, 0%, 88%)
Oklch
oklch(21.8% 0.034 195.0)

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

#030001

Dark Violet · Black · Raspberry

HEX
#030001
RGB
rgb(3, 0, 1)
HSL
hsl(340, 100%, 1%)
HSB
hsb(340, 100%, 1%)
CMYK
cmyk(0%, 100%, 67%, 99%)
Oklch
oklch(6.3% 0.026 353.8)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6EA655
8C55A5

Analogous

96A555
6EA655
55A564

Triadic

6EA655
556EA5
A5556E

Split-Comp.

6EA655
6455A5
A55596

Tetradic

6EA655
5596A5
8C55A5
A56455

Contrast Matrix WCAG 2.1 Contrast

6EA655
277043
0F4537
031F1F
030001
—
2.1
Fail
3.8
AA Large
5.9
AA
7.2
AAA
2.1
Fail
—
1.8
Fail
2.9
Fail
3.5
AA Large
3.8
AA Large
1.8
Fail
—
1.6
Fail
1.9
Fail
5.9
AA
2.9
Fail
1.6
Fail
—
1.2
Fail
7.2
AAA
3.5
AA Large
1.9
Fail
1.2
Fail
—
White BG
2.9Fail
6.0AA
10.9AAA
17.2AAA
20.9AAA
Black BG
7.2AAA
3.5AA Large
1.9Fail
1.2Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

868769
47474E
26273A
0F0F1F
020201

Deuteranopia

837F6D
423D51
231F3B
0E0B1F
020201

Tritanopia

71787B
2B5658
123D3E
041F1F
030101

Achromatopsia

8C8C8C
555555
333333
171717
010101

Shades & Tints Shades & Tints

#6EA655

Dark
Light

#277043

Dark
Light

#0F4537

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6ea655;
  --color-2: #277043;
  --color-3: #0f4537;
  --color-4: #031f1f;
  --color-5: #030001;
}

SCSS

$color-1: #6ea655;
$color-2: #277043;
$color-3: #0f4537;
$color-4: #031f1f;
$color-5: #030001;

TAILWIND

colors: {
  'brand-1': '#6ea655',
  'brand-2': '#277043',
  'brand-3': '#0f4537',
  'brand-4': '#031f1f',
  'brand-5': '#030001',
}

RGB Array

[110, 166, 85], [39, 112, 67], [15, 69, 55], [3, 31, 31], [3, 0, 1]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6EA655, #277043, #0F4537, #031F1F, #030001 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #6ea655; --color-2: #277043; --color-3: #0f4537; --color-4: #031f1f; --color-5: #030001. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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