← Back to Editor

#4A2B0C · #6A7883 · #758E89 · #A5C190 · #DACC38

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

#4A2B0C

Ochre · Maroon · Cinnamon

HEX
#4A2B0C
RGB
rgb(74, 43, 12)
HSL
hsl(30, 72%, 17%)
HSB
hsb(30, 84%, 29%)
CMYK
cmyk(0%, 42%, 84%, 71%)
Oklch
oklch(32.2% 0.063 61.7)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#6A7883

Slate Blue · SlateGray · Navy Blue

HEX
#6A7883
RGB
rgb(106, 120, 131)
HSL
hsl(206, 11%, 46%)
HSB
hsb(206, 19%, 51%)
CMYK
cmyk(19%, 8%, 0%, 49%)
Oklch
oklch(56.5% 0.024 241.6)

Traditional「Slate Blue」· Paint「Navy Blue」· Creative Blush Sunrise

#758E89

Mineral Blue · SlateGray · Lake Green

HEX
#758E89
RGB
rgb(117, 142, 137)
HSL
hsl(168, 10%, 51%)
HSB
hsb(168, 18%, 56%)
CMYK
cmyk(18%, 0%, 4%, 44%)
Oklch
oklch(62.6% 0.029 181.8)

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

#A5C190

Celadon · DarkSeaGreen · Apple Green

HEX
#A5C190
RGB
rgb(165, 193, 144)
HSL
hsl(94, 28%, 66%)
HSB
hsb(94, 25%, 76%)
CMYK
cmyk(15%, 0%, 25%, 24%)
Oklch
oklch(77.7% 0.074 132.1)

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

#DACC38

Autumn Sage · GoldenRod · Sunflower

HEX
#DACC38
RGB
rgb(218, 204, 56)
HSL
hsl(55, 69%, 54%)
HSB
hsb(55, 74%, 85%)
CMYK
cmyk(0%, 6%, 74%, 15%)
Oklch
oklch(83.2% 0.159 103.8)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4A2B0C
0C2B4B

Analogous

4B0C0C
4A2B0C
4B4B0C

Triadic

4A2B0C
0C4B2B
2B0C4B

Split-Comp.

4A2B0C
0C4B4B
0C0C4B

Tetradic

4A2B0C
0C4B0C
0C2B4B
4B0C4B

Contrast Matrix WCAG 2.1 Contrast

4A2B0C
6A7883
758E89
A5C190
DACC38
—
2.8
Fail
3.6
AA Large
6.5
AA
7.7
AAA
2.8
Fail
—
1.3
Fail
2.3
Fail
2.7
Fail
3.6
AA Large
1.3
Fail
—
1.8
Fail
2.1
Fail
6.5
AA
2.3
Fail
1.8
Fail
—
1.2
Fail
7.7
AAA
2.7
Fail
2.1
Fail
1.2
Fail
—
White BG
12.8AAA
4.5AA
3.5AA Large
2.0Fail
1.7Fail
Black BG
1.6Fail
4.6AA
6.0AA
10.6AAA
12.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3D3C14
707080
80808A
B1B19C
D4D45C

Deuteranopia

3E4115
6F6E80
7E7D8B
B0AD9F
D5D664

Tritanopia

48191B
6B7E7E
768B8B
A6A5A7
D9787E

Achromatopsia

313131
757575
868686
B3B3B3
BFBFBF

Shades & Tints Shades & Tints

#4A2B0C

Dark
Light

#6A7883

Dark
Light

#758E89

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4a2b0c;
  --color-2: #6a7883;
  --color-3: #758e89;
  --color-4: #a5c190;
  --color-5: #dacc38;
}

SCSS

$color-1: #4a2b0c;
$color-2: #6a7883;
$color-3: #758e89;
$color-4: #a5c190;
$color-5: #dacc38;

TAILWIND

colors: {
  'brand-1': '#4a2b0c',
  'brand-2': '#6a7883',
  'brand-3': '#758e89',
  'brand-4': '#a5c190',
  'brand-5': '#dacc38',
}

RGB Array

[74, 43, 12], [106, 120, 131], [117, 142, 137], [165, 193, 144], [218, 204, 56]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4A2B0C, #6A7883, #758E89, #A5C190, #DACC38 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: #4a2b0c; --color-2: #6a7883; --color-3: #758e89; --color-4: #a5c190; --color-5: #dacc38. 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