← Back to Editor

#6A393C · #4D6662 · #E5E0A9 · #EFEEB6 · #BD6A5A

warm

A 5-color warm 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

#6A393C

Crimson · DarkOliveGreen · Wine Red

HEX
#6A393C
RGB
rgb(106, 57, 60)
HSL
hsl(356, 30%, 32%)
HSB
hsb(356, 46%, 42%)
CMYK
cmyk(0%, 46%, 43%, 58%)
Oklch
oklch(40.7% 0.069 16.7)

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

#4D6662

Mineral Blue · DimGray · Mint Ice

HEX
#4D6662
RGB
rgb(77, 102, 98)
HSL
hsl(170, 14%, 35%)
HSB
hsb(170, 25%, 40%)
CMYK
cmyk(25%, 0%, 4%, 60%)
Oklch
oklch(48.9% 0.030 184.2)

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

#E5E0A9

Fresh Green · Wheat · Lemon Cream

HEX
#E5E0A9
RGB
rgb(229, 224, 169)
HSL
hsl(55, 54%, 78%)
HSB
hsb(55, 26%, 90%)
CMYK
cmyk(0%, 2%, 26%, 10%)
Oklch
oklch(89.7% 0.072 103.4)

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

#EFEEB6

Fresh Green · Wheat · Lemon Cream

HEX
#EFEEB6
RGB
rgb(239, 238, 182)
HSL
hsl(59, 64%, 83%)
HSB
hsb(59, 24%, 94%)
CMYK
cmyk(0%, 0%, 24%, 6%)
Oklch
oklch(93.6% 0.072 106.9)

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

#BD6A5A

Crimson · Sienna · Passion Red

HEX
#BD6A5A
RGB
rgb(189, 106, 90)
HSL
hsl(10, 43%, 55%)
HSB
hsb(10, 52%, 74%)
CMYK
cmyk(0%, 44%, 52%, 26%)
Oklch
oklch(61.4% 0.109 31.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6A393C
396A67

Analogous

6A3955
6A393C
6A4E39

Triadic

6A393C
3C6A39
393C6A

Split-Comp.

6A393C
396A4E
39556A

Tetradic

6A393C
556A39
396A67
4E396A

Contrast Matrix WCAG 2.1 Contrast

6A393C
4D6662
E5E0A9
EFEEB6
BD6A5A
—
1.5
Fail
6.9
AA
7.8
AAA
2.4
Fail
1.5
Fail
—
4.6
AA
5.2
AA
1.6
Fail
6.9
AA
4.6
AA
—
1.1
Fail
2.9
Fail
7.8
AAA
5.2
AA
1.1
Fail
—
3.3
AA Large
2.4
Fail
1.6
Fail
2.9
Fail
3.3
AA Large
—
White BG
9.3AAA
6.2AA
1.3Fail
1.2Fail
3.9AA Large
Black BG
2.3Fail
3.4AA Large
15.6AAA
17.6AAA
5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

55543B
585863
E3E3B6
EFEFC4
99985E

Deuteranopia

585B3B
565563
E3E4BA
EFEFC7
9EA45F

Tritanopia

683B3B
4E6464
E5C1C3
EFCED1
B96162

Achromatopsia

484848
5E5E5E
DBDBDB
E8E8E8
818181

Shades & Tints Shades & Tints

#6A393C

Dark
Light

#4D6662

Dark
Light

#E5E0A9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6a393c;
  --color-2: #4d6662;
  --color-3: #e5e0a9;
  --color-4: #efeeb6;
  --color-5: #bd6a5a;
}

SCSS

$color-1: #6a393c;
$color-2: #4d6662;
$color-3: #e5e0a9;
$color-4: #efeeb6;
$color-5: #bd6a5a;

TAILWIND

colors: {
  'brand-1': '#6a393c',
  'brand-2': '#4d6662',
  'brand-3': '#e5e0a9',
  'brand-4': '#efeeb6',
  'brand-5': '#bd6a5a',
}

RGB Array

[106, 57, 60], [77, 102, 98], [229, 224, 169], [239, 238, 182], [189, 106, 90]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #6A393C, #4D6662, #E5E0A9, #EFEEB6, #BD6A5A 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: #6a393c; --color-2: #4d6662; --color-3: #e5e0a9; --color-4: #efeeb6; --color-5: #bd6a5a. 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 warm-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