#5C3E3F + #4D544D + #468055 + #53C255 + #94E83A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#5C3E3F

Crimson · DarkOliveGreen · Wine Red

HEX

#5C3E3F

RGB

rgb(92, 62, 63)

HSL

hsl(358, 19%, 30%)

HSB

hsb(358, 33%, 36%)

CMYK

cmyk(0%, 33%, 32%, 64%)

Oklch

oklch(39.8% 0.042 16.9)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#4D544D

Ink Gray · DarkSlateGray · Charcoal

HEX

#4D544D

RGB

rgb(77, 84, 77)

HSL

hsl(120, 4%, 32%)

HSB

hsb(120, 8%, 33%)

CMYK

cmyk(8%, 0%, 8%, 67%)

Oklch

oklch(43.7% 0.014 145.3)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#468055

Celadon · SeaGreen · Forest Green

HEX

#468055

RGB

rgb(70, 128, 85)

HSL

hsl(136, 29%, 39%)

HSB

hsb(136, 45%, 50%)

CMYK

cmyk(45%, 0%, 34%, 50%)

Oklch

oklch(54.8% 0.091 150.8)

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

#53C255

Celadon · MediumSeaGreen · Olive Green

HEX

#53C255

RGB

rgb(83, 194, 85)

HSL

hsl(121, 48%, 54%)

HSB

hsb(121, 57%, 76%)

CMYK

cmyk(57%, 0%, 56%, 24%)

Oklch

oklch(72.5% 0.180 143.7)

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

#94E83A

Grass Green · GreenYellow · Olive Green

HEX

#94E83A

RGB

rgb(148, 232, 58)

HSL

hsl(89, 79%, 57%)

HSB

hsb(89, 75%, 91%)

CMYK

cmyk(36%, 0%, 75%, 9%)

Oklch

oklch(84.6% 0.215 132.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5C3E3F

3E5B5A

Analogous

5B3E4D

5C3E3F

5B4C3E

Triadic

5C3E3F

3F5B3E

3E3F5B

Split-Comp.

5C3E3F

3E5B4C

3E4D5B

Tetradic

5C3E3F

4D5B3E

3E5B5A

4C3E5B

Contrast Matrix WCAG 2.1 Contrast

5C3E3F	4D544D	468055	53C255	94E83A
—	1.2 Fail	2.0 Fail	4.2 AA Large	6.3 AA
1.2 Fail	—	1.7 Fail	3.4 AA Large	5.2 AA
2.0 Fail	1.7 Fail	—	2.1 Fail	3.1 AA Large
4.2 AA Large	3.4 AA Large	2.1 Fail	—	1.5 Fail
6.3 AA	5.2 AA	3.1 AA Large	1.5 Fail	—

White BG

9.5AAA

7.8AAA

4.7AA

2.3Fail

1.5Fail

Black BG

2.2Fail

2.7Fail

4.5AA Large

9.2AAA

13.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4F4F3F

50504F

5F605F

83846F

B8B964

Deuteranopia

51533F

504F4F

5C5762

7D7476

B4AD6E

Tritanopia

5A3F3F

4D5050

496869

598489

98858D

Achromatopsia

474747

515151

6A6A6A

949494

BBBBBB

Shades & Tints Shades & Tints

#5C3E3F

Dark

Light

#4D544D

Dark

Light

#468055

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5c3e3f;
  --color-2: #4d544d;
  --color-3: #468055;
  --color-4: #53c255;
  --color-5: #94e83a;
}

SCSS

$color-1: #5c3e3f;
$color-2: #4d544d;
$color-3: #468055;
$color-4: #53c255;
$color-5: #94e83a;

TAILWIND

colors: {
  'brand-1': '#5c3e3f',
  'brand-2': '#4d544d',
  'brand-3': '#468055',
  'brand-4': '#53c255',
  'brand-5': '#94e83a',
}

RGB Array

[92, 62, 63], [77, 84, 77], [70, 128, 85], [83, 194, 85], [148, 232, 58]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5C3E3F, #4D544D, #468055, #53C255, #94E83A is ideal for: corporate websites, product showcases, portfolios. 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: #5c3e3f; --color-2: #4d544d; --color-3: #468055; --color-4: #53c255; --color-5: #94e83a. 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. 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