← Back to Editor

#4A4B24 · #3B6362 · #418E8B · #73AC9F · #EFD8B0

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

#4A4B24

Autumn Sage · DarkOliveGreen · Amber Gold

HEX
#4A4B24
RGB
rgb(74, 75, 36)
HSL
hsl(62, 35%, 22%)
HSB
hsb(62, 52%, 29%)
CMYK
cmyk(1%, 0%, 52%, 71%)
Oklch
oklch(40.2% 0.058 110.1)

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

#3B6362

Mineral Blue · DarkSlateGray · Mint Ice

HEX
#3B6362
RGB
rgb(59, 99, 98)
HSL
hsl(179, 25%, 31%)
HSB
hsb(179, 40%, 39%)
CMYK
cmyk(40%, 0%, 1%, 61%)
Oklch
oklch(47.0% 0.045 193.7)

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

#418E8B

Mineral Blue · CadetBlue · Mint Ice

HEX
#418E8B
RGB
rgb(65, 142, 139)
HSL
hsl(178, 37%, 41%)
HSB
hsb(178, 54%, 56%)
CMYK
cmyk(54%, 0%, 2%, 44%)
Oklch
oklch(59.8% 0.076 191.9)

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

#73AC9F

Mineral Blue · CadetBlue · Lake Green

HEX
#73AC9F
RGB
rgb(115, 172, 159)
HSL
hsl(166, 26%, 56%)
HSB
hsb(166, 33%, 67%)
CMYK
cmyk(33%, 0%, 8%, 33%)
Oklch
oklch(70.1% 0.063 178.5)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#EFD8B0

Goose Yellow · Wheat · Peach Orange

HEX
#EFD8B0
RGB
rgb(239, 216, 176)
HSL
hsl(38, 66%, 81%)
HSB
hsb(38, 26%, 94%)
CMYK
cmyk(0%, 10%, 26%, 6%)
Oklch
oklch(89.1% 0.058 81.4)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4A4B24
26244C

Analogous

4C3924
4A4B24
374C24

Triadic

4A4B24
244A4C
4C244A

Split-Comp.

4A4B24
24374C
39244C

Tetradic

4A4B24
244C39
26244C
4C2437

Contrast Matrix WCAG 2.1 Contrast

4A4B24
3B6362
418E8B
73AC9F
EFD8B0
—
1.4
Fail
2.4
Fail
3.5
AA Large
6.5
AA
1.4
Fail
—
1.7
Fail
2.6
Fail
4.8
AA
2.4
Fail
1.7
Fail
—
1.5
Fail
2.8
Fail
3.5
AA Large
2.6
Fail
1.5
Fail
—
1.9
Fail
6.5
AA
4.8
AA
2.8
Fail
1.9
Fail
—
White BG
9.0AAA
6.7AA
3.8AA Large
2.6Fail
1.4Fail
Black BG
2.3Fail
3.1AA Large
5.5AA
8.1AAA
15.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4A4A2D
4C4D62
62638C
8C8CA2
E5E5BA

Deuteranopia

4A4A30
4A4762
5E588C
8884A3
E6E8BC

Tritanopia

4A3537
3D6262
458C8C
76A5A5
EEC1C3

Achromatopsia

464646
575757
777777
999999
DADADA

Shades & Tints Shades & Tints

#4A4B24

Dark
Light

#3B6362

Dark
Light

#418E8B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4a4b24;
  --color-2: #3b6362;
  --color-3: #418e8b;
  --color-4: #73ac9f;
  --color-5: #efd8b0;
}

SCSS

$color-1: #4a4b24;
$color-2: #3b6362;
$color-3: #418e8b;
$color-4: #73ac9f;
$color-5: #efd8b0;

TAILWIND

colors: {
  'brand-1': '#4a4b24',
  'brand-2': '#3b6362',
  'brand-3': '#418e8b',
  'brand-4': '#73ac9f',
  'brand-5': '#efd8b0',
}

RGB Array

[74, 75, 36], [59, 99, 98], [65, 142, 139], [115, 172, 159], [239, 216, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4A4B24, #3B6362, #418E8B, #73AC9F, #EFD8B0 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: #4a4b24; --color-2: #3b6362; --color-3: #418e8b; --color-4: #73ac9f; --color-5: #efd8b0. 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