← Back to Editor

#3A9E65 · #98B879 · #DBF8BE · #F6F8BE · #73B86D

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryClean

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#3A9E65

Celadon · MediumSeaGreen · Olive Green

HEX
#3A9E65
RGB
rgb(58, 158, 101)
HSL
hsl(146, 46%, 42%)
HSB
hsb(146, 63%, 62%)
CMYK
cmyk(63%, 0%, 36%, 38%)
Oklch
oklch(62.6% 0.127 154.9)

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

#98B879

Celadon · DarkSeaGreen · Olive Green

HEX
#98B879
RGB
rgb(152, 184, 121)
HSL
hsl(90, 31%, 60%)
HSB
hsb(90, 34%, 72%)
CMYK
cmyk(17%, 0%, 34%, 28%)
Oklch
oklch(74.3% 0.093 130.3)

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

#DBF8BE

Emerald · Wheat · Mint Green

HEX
#DBF8BE
RGB
rgb(219, 248, 190)
HSL
hsl(90, 81%, 86%)
HSB
hsb(90, 23%, 97%)
CMYK
cmyk(12%, 0%, 23%, 3%)
Oklch
oklch(94.4% 0.082 129.5)

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

#F6F8BE

Fresh Green · Bisque · Lemon Cream

HEX
#F6F8BE
RGB
rgb(246, 248, 190)
HSL
hsl(62, 81%, 86%)
HSB
hsb(62, 23%, 97%)
CMYK
cmyk(1%, 0%, 23%, 3%)
Oklch
oklch(96.4% 0.074 109.4)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#73B86D

Celadon · DarkSeaGreen · Olive Green

HEX
#73B86D
RGB
rgb(115, 184, 109)
HSL
hsl(115, 35%, 57%)
HSB
hsb(115, 41%, 72%)
CMYK
cmyk(38%, 0%, 41%, 28%)
Oklch
oklch(71.8% 0.127 142.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3A9E65
9C3A72

Analogous

409C3A
3A9E65
3A9C96

Triadic

3A9E65
653A9C
9C653A

Split-Comp.

3A9E65
963A9C
9C3A40

Tetradic

3A9E65
3A409C
9C3A72
9C963A

Contrast Matrix WCAG 2.1 Contrast

3A9E65
98B879
DBF8BE
F6F8BE
73B86D
—
1.5
Fail
2.9
Fail
3.1
AA Large
1.4
Fail
1.5
Fail
—
1.9
Fail
2.0
Fail
1.1
Fail
2.9
Fail
1.9
Fail
—
1.0
Fail
2.1
Fail
3.1
AA Large
2.0
Fail
1.0
Fail
—
2.2
Fail
1.4
Fail
1.1
Fail
2.1
Fail
2.2
Fail
—
White BG
3.4AA Large
2.2Fail
1.2Fail
1.1Fail
2.4Fail
Black BG
6.3AA
9.5AAA
18.2AAA
19.1AAA
8.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

656673
A6A688
E8E8CC
F7F7CC
91917F

Deuteranopia

605876
A4A28C
E6E4CF
F7F7CF
8D8884

Tritanopia

3F7E80
9A9497
DCD7DA
F6D7DA
768D91

Achromatopsia

7A7A7A
A7A7A7
E9E9E9
F1F1F1
9B9B9B

Shades & Tints Shades & Tints

#3A9E65

Dark
Light

#98B879

Dark
Light

#DBF8BE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3a9e65;
  --color-2: #98b879;
  --color-3: #dbf8be;
  --color-4: #f6f8be;
  --color-5: #73b86d;
}

SCSS

$color-1: #3a9e65;
$color-2: #98b879;
$color-3: #dbf8be;
$color-4: #f6f8be;
$color-5: #73b86d;

TAILWIND

colors: {
  'brand-1': '#3a9e65',
  'brand-2': '#98b879',
  'brand-3': '#dbf8be',
  'brand-4': '#f6f8be',
  'brand-5': '#73b86d',
}

RGB Array

[58, 158, 101], [152, 184, 121], [219, 248, 190], [246, 248, 190], [115, 184, 109]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3A9E65, #98B879, #DBF8BE, #F6F8BE, #73B86D is ideal for: health products, baby brands, fresh-style blogs, 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: #3a9e65; --color-2: #98b879; --color-3: #dbf8be; --color-4: #f6f8be; --color-5: #73b86d. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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