← Back to Editor

#4D493E · #B55959 · #CA836A · #E2B19A · #D5D1A4

warm

A 5-color warm palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#4D493E

Ochre · DarkSlateGray · Honey Gold

HEX
#4D493E
RGB
rgb(77, 73, 62)
HSL
hsl(44, 11%, 27%)
HSB
hsb(44, 19%, 30%)
CMYK
cmyk(0%, 5%, 19%, 70%)
Oklch
oklch(40.6% 0.019 90.4)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#B55959

Crimson · Sienna · Passion Red

HEX
#B55959
RGB
rgb(181, 89, 89)
HSL
hsl(0, 38%, 53%)
HSB
hsb(0, 51%, 71%)
CMYK
cmyk(0%, 51%, 51%, 29%)
Oklch
oklch(57.6% 0.120 21.5)

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

#CA836A

Tangerine · DarkSalmon · Warm Sun

HEX
#CA836A
RGB
rgb(202, 131, 106)
HSL
hsl(16, 48%, 60%)
HSB
hsb(16, 48%, 79%)
CMYK
cmyk(0%, 35%, 48%, 21%)
Oklch
oklch(67.7% 0.095 40.2)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#E2B19A

Apricot · BurlyWood · Warm Sun

HEX
#E2B19A
RGB
rgb(226, 177, 154)
HSL
hsl(19, 55%, 75%)
HSB
hsb(19, 32%, 89%)
CMYK
cmyk(0%, 22%, 32%, 11%)
Oklch
oklch(79.9% 0.066 46.4)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#D5D1A4

Fresh Green · Wheat · Sunflower

HEX
#D5D1A4
RGB
rgb(213, 209, 164)
HSL
hsl(55, 37%, 74%)
HSB
hsb(55, 23%, 84%)
CMYK
cmyk(0%, 2%, 23%, 16%)
Oklch
oklch(85.3% 0.060 103.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4D493E
3D414C

Analogous

4C413D
4D493E
494C3D

Triadic

4D493E
3D4C48
483D4C

Split-Comp.

4D493E
3D494C
413D4C

Tetradic

4D493E
3D4C41
3D414C
4C3D49

Contrast Matrix WCAG 2.1 Contrast

4D493E
B55959
CA836A
E2B19A
D5D1A4
—
1.9
Fail
3.0
Fail
4.7
AA
5.8
AA
1.9
Fail
—
1.5
Fail
2.4
Fail
3.0
Fail
3.0
Fail
1.5
Fail
—
1.6
Fail
1.9
Fail
4.7
AA
2.4
Fail
1.6
Fail
—
1.2
Fail
5.8
AA
3.0
Fail
1.9
Fail
1.2
Fail
—
White BG
9.0AAA
4.6AA
3.0AA Large
1.9Fail
1.6Fail
Black BG
2.3Fail
4.5AA
7.0AA
11.0AAA
13.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4B4B41
8D8C59
ABAB70
CDCCA0
D3D3AF

Deuteranopia

4C4C41
939959
AFB571
D0D3A1
D4D4B2

Tritanopia

4D4343
B05959
C67576
E0A4A5
D5B7B9

Achromatopsia

494949
757575
959595
BDBDBD
CDCDCD

Shades & Tints Shades & Tints

#4D493E

Dark
Light

#B55959

Dark
Light

#CA836A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4d493e;
  --color-2: #b55959;
  --color-3: #ca836a;
  --color-4: #e2b19a;
  --color-5: #d5d1a4;
}

SCSS

$color-1: #4d493e;
$color-2: #b55959;
$color-3: #ca836a;
$color-4: #e2b19a;
$color-5: #d5d1a4;

TAILWIND

colors: {
  'brand-1': '#4d493e',
  'brand-2': '#b55959',
  'brand-3': '#ca836a',
  'brand-4': '#e2b19a',
  'brand-5': '#d5d1a4',
}

RGB Array

[77, 73, 62], [181, 89, 89], [202, 131, 106], [226, 177, 154], [213, 209, 164]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #4D493E, #B55959, #CA836A, #E2B19A, #D5D1A4 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: #4d493e; --color-2: #b55959; --color-3: #ca836a; --color-4: #e2b19a; --color-5: #d5d1a4. 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