← Back to Editor

#4C3A3F · #99A12A · #95BDAC · #B4D6AD · #E7F3CB

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#4C3A3F

Dark Violet · DarkSlateGray · Camellia

HEX
#4C3A3F
RGB
rgb(76, 58, 63)
HSL
hsl(343, 13%, 26%)
HSB
hsb(343, 24%, 30%)
CMYK
cmyk(0%, 24%, 17%, 70%)
Oklch
oklch(37.0% 0.027 0.0)

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

#99A12A

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#99A12A
RGB
rgb(153, 161, 42)
HSL
hsl(64, 59%, 40%)
HSB
hsb(64, 74%, 63%)
CMYK
cmyk(5%, 0%, 74%, 37%)
Oklch
oklch(68.1% 0.137 113.4)

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

#95BDAC

Jade · DarkGray · Apple Green

HEX
#95BDAC
RGB
rgb(149, 189, 172)
HSL
hsl(155, 23%, 66%)
HSB
hsb(155, 21%, 74%)
CMYK
cmyk(21%, 0%, 9%, 26%)
Oklch
oklch(76.4% 0.049 167.2)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#B4D6AD

Celadon · Silver · Apple Green

HEX
#B4D6AD
RGB
rgb(180, 214, 173)
HSL
hsl(110, 33%, 76%)
HSB
hsb(110, 19%, 84%)
CMYK
cmyk(16%, 0%, 19%, 16%)
Oklch
oklch(84.0% 0.067 140.3)

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

#E7F3CB

Willow Green · Beige · Mint Green

HEX
#E7F3CB
RGB
rgb(231, 243, 203)
HSL
hsl(78, 62%, 87%)
HSB
hsb(78, 16%, 95%)
CMYK
cmyk(5%, 0%, 16%, 5%)
Oklch
oklch(94.5% 0.054 121.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4C3A3F
3A4B46

Analogous

4B3A47
4C3A3F
4B3D3A

Triadic

4C3A3F
3F4B3A
3A3F4B

Split-Comp.

4C3A3F
3A4B3D
3A474B

Tetradic

4C3A3F
474B3A
3A4B46
3D3A4B

Contrast Matrix WCAG 2.1 Contrast

4C3A3F
99A12A
95BDAC
B4D6AD
E7F3CB
—
3.8
AA Large
5.1
AA
6.6
AA
9.1
AAA
3.8
AA Large
—
1.4
Fail
1.8
Fail
2.4
Fail
5.1
AA
1.4
Fail
—
1.3
Fail
1.8
Fail
6.6
AA
1.8
Fail
1.3
Fail
—
1.4
Fail
9.1
AAA
2.4
Fail
1.8
Fail
1.4
Fail
—
White BG
10.6AAA
2.8Fail
2.1Fail
1.6Fail
1.2Fail
Black BG
2.0Fail
7.5AAA
10.2AAA
13.2AAA
18.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

44443E
9C9D47
A6A7B0
C3C3B7
ECECD5

Deuteranopia

45473D
9C9B4E
A4A1B1
C1BEB9
ECEBD7

Tritanopia

4B3D3D
995E63
97B3B4
B6BFC0
E8DCDE

Achromatopsia

404040
919191
AFAFAF
C7C7C7
EBEBEB

Shades & Tints Shades & Tints

#4C3A3F

Dark
Light

#99A12A

Dark
Light

#95BDAC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4c3a3f;
  --color-2: #99a12a;
  --color-3: #95bdac;
  --color-4: #b4d6ad;
  --color-5: #e7f3cb;
}

SCSS

$color-1: #4c3a3f;
$color-2: #99a12a;
$color-3: #95bdac;
$color-4: #b4d6ad;
$color-5: #e7f3cb;

TAILWIND

colors: {
  'brand-1': '#4c3a3f',
  'brand-2': '#99a12a',
  'brand-3': '#95bdac',
  'brand-4': '#b4d6ad',
  'brand-5': '#e7f3cb',
}

RGB Array

[76, 58, 63], [153, 161, 42], [149, 189, 172], [180, 214, 173], [231, 243, 203]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4C3A3F, #99A12A, #95BDAC, #B4D6AD, #E7F3CB 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: #4c3a3f; --color-2: #99a12a; --color-3: #95bdac; --color-4: #b4d6ad; --color-5: #e7f3cb. 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