← Back to Editor

#2B0E06 · #D72C25 · #9A5B38 · #A6261D · #D79974

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#2B0E06

Vermilion · Black · Deep Berry

HEX
#2B0E06
RGB
rgb(43, 14, 6)
HSL
hsl(13, 76%, 10%)
HSB
hsb(13, 86%, 17%)
CMYK
cmyk(0%, 67%, 86%, 83%)
Oklch
oklch(20.9% 0.051 37.2)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#D72C25

Vermilion · Crimson · Passion Red

HEX
#D72C25
RGB
rgb(215, 44, 37)
HSL
hsl(2, 71%, 49%)
HSB
hsb(2, 83%, 84%)
CMYK
cmyk(0%, 80%, 83%, 16%)
Oklch
oklch(57.2% 0.207 28.3)

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

#9A5B38

Tangerine · Sienna · Amber Brown

HEX
#9A5B38
RGB
rgb(154, 91, 56)
HSL
hsl(21, 47%, 41%)
HSB
hsb(21, 64%, 60%)
CMYK
cmyk(0%, 41%, 64%, 40%)
Oklch
oklch(53.5% 0.096 48.8)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#A6261D

Vermilion · FireBrick · Wine Red

HEX
#A6261D
RGB
rgb(166, 38, 29)
HSL
hsl(4, 70%, 38%)
HSB
hsb(4, 83%, 65%)
CMYK
cmyk(0%, 77%, 83%, 35%)
Oklch
oklch(47.7% 0.166 29.0)

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

#D79974

Apricot · DarkSalmon · Warm Sun

HEX
#D79974
RGB
rgb(215, 153, 116)
HSL
hsl(22, 55%, 65%)
HSB
hsb(22, 46%, 84%)
CMYK
cmyk(0%, 29%, 46%, 16%)
Oklch
oklch(73.4% 0.090 51.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2B0E06
06242D

Analogous

2D0611
2B0E06
2D2206

Triadic

2B0E06
062D0F
0F062D

Split-Comp.

2B0E06
062D22
06112D

Tetradic

2B0E06
112D06
06242D
22062D

Contrast Matrix WCAG 2.1 Contrast

2B0E06
D72C25
9A5B38
A6261D
D79974
—
3.7
AA Large
3.4
AA Large
2.5
Fail
7.4
AAA
3.7
AA Large
—
1.1
Fail
1.5
Fail
2.0
Fail
3.4
AA Large
1.1
Fail
—
1.3
Fail
2.2
Fail
2.5
Fail
1.5
Fail
1.3
Fail
—
3.0
Fail
7.4
AAA
2.0
Fail
2.2
Fail
3.0
Fail
—
White BG
18.0AAA
4.9AA
5.3AA
7.2AAA
2.4Fail
Black BG
1.2Fail
4.3AA Large
3.9AA Large
2.9Fail
8.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1E1E08
8D8B27
7F7E40
6F6D1F
BCBC7D

Deuteranopia

202208
97A427
828743
768020
C0C47F

Tritanopia

2A090A
CE2828
974749
A02121
D48486

Achromatopsia

161616
5E5E5E
6A6A6A
4B4B4B
A7A7A7

Shades & Tints Shades & Tints

#2B0E06

Dark
Light

#D72C25

Dark
Light

#9A5B38

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2b0e06;
  --color-2: #d72c25;
  --color-3: #9a5b38;
  --color-4: #a6261d;
  --color-5: #d79974;
}

SCSS

$color-1: #2b0e06;
$color-2: #d72c25;
$color-3: #9a5b38;
$color-4: #a6261d;
$color-5: #d79974;

TAILWIND

colors: {
  'brand-1': '#2b0e06',
  'brand-2': '#d72c25',
  'brand-3': '#9a5b38',
  'brand-4': '#a6261d',
  'brand-5': '#d79974',
}

RGB Array

[43, 14, 6], [215, 44, 37], [154, 91, 56], [166, 38, 29], [215, 153, 116]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #2B0E06, #D72C25, #9A5B38, #A6261D, #D79974 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #2b0e06; --color-2: #d72c25; --color-3: #9a5b38; --color-4: #a6261d; --color-5: #d79974. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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