← Back to Editor

#61E89E · #4A8263 · #4A413A · #471627 · #330721

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

#61E89E

Emerald · MediumAquaMarine · Apple Green

HEX
#61E89E
RGB
rgb(97, 232, 158)
HSL
hsl(147, 75%, 65%)
HSB
hsb(147, 58%, 91%)
CMYK
cmyk(58%, 0%, 32%, 9%)
Oklch
oklch(83.7% 0.159 156.3)

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

#4A8263

Celadon · SeaGreen · Forest Green

HEX
#4A8263
RGB
rgb(74, 130, 99)
HSL
hsl(147, 27%, 40%)
HSB
hsb(147, 43%, 51%)
CMYK
cmyk(43%, 0%, 24%, 49%)
Oklch
oklch(55.9% 0.077 158.4)

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

#4A413A

Tangerine · DarkSlateGray · Amber Brown

HEX
#4A413A
RGB
rgb(74, 65, 58)
HSL
hsl(26, 12%, 26%)
HSB
hsb(26, 22%, 29%)
CMYK
cmyk(0%, 12%, 22%, 71%)
Oklch
oklch(38.2% 0.017 60.1)

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

#471627

Dark Violet · Maroon · Raspberry

HEX
#471627
RGB
rgb(71, 22, 39)
HSL
hsl(339, 53%, 18%)
HSB
hsb(339, 69%, 28%)
CMYK
cmyk(0%, 69%, 45%, 72%)
Oklch
oklch(28.4% 0.077 1.8)

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

#330721

Rose Purple · Black · Raspberry

HEX
#330721
RGB
rgb(51, 7, 33)
HSL
hsl(325, 76%, 11%)
HSB
hsb(325, 86%, 20%)
CMYK
cmyk(0%, 86%, 35%, 80%)
Oklch
oklch(22.3% 0.077 348.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

61E89E
E963AC

Analogous

6AE963
61E89E
63E9E2

Triadic

61E89E
9F63E9
E99F63

Split-Comp.

61E89E
E263E9
E9636A

Tetradic

61E89E
636AE9
E963AC
E9E263

Contrast Matrix WCAG 2.1 Contrast

61E89E
4A8263
4A413A
471627
330721
—
2.9
Fail
6.4
AA
9.6
AAA
11.4
AAA
2.9
Fail
—
2.2
Fail
3.3
AA Large
3.9
AA Large
6.4
AA
2.2
Fail
—
1.5
Fail
1.8
Fail
9.6
AAA
3.3
AA Large
1.5
Fail
—
1.2
Fail
11.4
AAA
3.9
AA Large
1.8
Fail
1.2
Fail
—
White BG
1.6Fail
4.5AA
10.0AAA
14.9AAA
17.6AAA
Black BG
13.5AAA
4.7AA
2.1Fail
1.4Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9B9DB0
62636B
46463C
323123
20201B

Deuteranopia

948AB4
5F5B6C
47473C
353822
232619

Tritanopia

68BEC1
4D7072
4A3D3D
45201F
311615

Achromatopsia

B7B7B7
6E6E6E
434343
272727
171717

Shades & Tints Shades & Tints

#61E89E

Dark
Light

#4A8263

Dark
Light

#4A413A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #61e89e;
  --color-2: #4a8263;
  --color-3: #4a413a;
  --color-4: #471627;
  --color-5: #330721;
}

SCSS

$color-1: #61e89e;
$color-2: #4a8263;
$color-3: #4a413a;
$color-4: #471627;
$color-5: #330721;

TAILWIND

colors: {
  'brand-1': '#61e89e',
  'brand-2': '#4a8263',
  'brand-3': '#4a413a',
  'brand-4': '#471627',
  'brand-5': '#330721',
}

RGB Array

[97, 232, 158], [74, 130, 99], [74, 65, 58], [71, 22, 39], [51, 7, 33]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #61E89E, #4A8263, #4A413A, #471627, #330721 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: #61e89e; --color-2: #4a8263; --color-3: #4a413a; --color-4: #471627; --color-5: #330721. 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