← Back to Editor

#4C4B40 · #1E7B7D · #419F97 · #CDC596 · #6F7062

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

#4C4B40

Autumn Sage · DarkSlateGray · Charcoal

HEX
#4C4B40
RGB
rgb(76, 75, 64)
HSL
hsl(55, 9%, 27%)
HSB
hsb(55, 16%, 30%)
CMYK
cmyk(0%, 1%, 16%, 70%)
Oklch
oklch(41.0% 0.018 102.9)

Traditional「Autumn Sage」· Paint「Charcoal」· Creative Midnight Shadow

#1E7B7D

Lake Blue · Teal · Mint Ice

HEX
#1E7B7D
RGB
rgb(30, 123, 125)
HSL
hsl(181, 61%, 30%)
HSB
hsb(181, 76%, 49%)
CMYK
cmyk(76%, 2%, 0%, 51%)
Oklch
oklch(53.3% 0.082 197.1)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#419F97

Mineral Blue · CadetBlue · Mint Ice

HEX
#419F97
RGB
rgb(65, 159, 151)
HSL
hsl(175, 42%, 44%)
HSB
hsb(175, 59%, 62%)
CMYK
cmyk(59%, 0%, 5%, 38%)
Oklch
oklch(64.4% 0.089 187.5)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#CDC596

Fresh Green · Tan · Sunflower

HEX
#CDC596
RGB
rgb(205, 197, 150)
HSL
hsl(51, 35%, 70%)
HSB
hsb(51, 27%, 80%)
CMYK
cmyk(0%, 4%, 27%, 20%)
Oklch
oklch(81.8% 0.063 99.5)

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

#6F7062

Ink Gray · DimGray · Warm Gray

HEX
#6F7062
RGB
rgb(111, 112, 98)
HSL
hsl(64, 7%, 41%)
HSB
hsb(64, 12%, 44%)
CMYK
cmyk(1%, 0%, 13%, 56%)
Oklch
oklch(54.0% 0.021 110.4)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4C4B40
3F404B

Analogous

4B443F
4C4B40
464B3F

Triadic

4C4B40
3F4B4A
4A3F4B

Split-Comp.

4C4B40
3F464B
443F4B

Tetradic

4C4B40
3F4B44
3F404B
4B3F46

Contrast Matrix WCAG 2.1 Contrast

4C4B40
1E7B7D
419F97
CDC596
6F7062
—
1.8
Fail
2.8
Fail
5.0
AA
1.7
Fail
1.8
Fail
—
1.6
Fail
2.9
Fail
1.0
Fail
2.8
Fail
1.6
Fail
—
1.8
Fail
1.6
Fail
5.0
AA
2.9
Fail
1.8
Fail
—
2.9
Fail
1.7
Fail
1.0
Fail
1.6
Fail
2.9
Fail
—
White BG
8.8AAA
5.0AA
3.2AA Large
1.7Fail
5.0AA
Black BG
2.4Fail
4.2AA Large
6.6AA
12.0AAA
4.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

4C4C43
46477D
6A6B99
CAC9A1
6F6F65

Deuteranopia

4C4C43
413A7C
645D99
CACBA4
6F6F66

Tritanopia

4C4545
237C7C
469A9B
CDAAAC
6F6869

Achromatopsia

4A4A4A
5F5F5F
828282
C2C2C2
6E6E6E

Shades & Tints Shades & Tints

#4C4B40

Dark
Light

#1E7B7D

Dark
Light

#419F97

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4c4b40;
  --color-2: #1e7b7d;
  --color-3: #419f97;
  --color-4: #cdc596;
  --color-5: #6f7062;
}

SCSS

$color-1: #4c4b40;
$color-2: #1e7b7d;
$color-3: #419f97;
$color-4: #cdc596;
$color-5: #6f7062;

TAILWIND

colors: {
  'brand-1': '#4c4b40',
  'brand-2': '#1e7b7d',
  'brand-3': '#419f97',
  'brand-4': '#cdc596',
  'brand-5': '#6f7062',
}

RGB Array

[76, 75, 64], [30, 123, 125], [65, 159, 151], [205, 197, 150], [111, 112, 98]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4C4B40, #1E7B7D, #419F97, #CDC596, #6F7062 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: #4c4b40; --color-2: #1e7b7d; --color-3: #419f97; --color-4: #cdc596; --color-5: #6f7062. 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