← Back to Editor

#890000 · #FAE68A · #E69430 · #D96200 · #B01B1D

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

#890000

Vermilion · DarkRed · Wine Red

HEX
#890000
RGB
rgb(137, 0, 0)
HSL
hsl(0, 100%, 27%)
HSB
hsb(0, 100%, 54%)
CMYK
cmyk(0%, 100%, 100%, 46%)
Oklch
oklch(39.6% 0.162 29.2)

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

#FAE68A

Goose Yellow · Khaki · Lemon Cream

HEX
#FAE68A
RGB
rgb(250, 230, 138)
HSL
hsl(49, 92%, 76%)
HSB
hsb(49, 45%, 98%)
CMYK
cmyk(0%, 8%, 45%, 2%)
Oklch
oklch(92.2% 0.115 97.4)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#E69430

Ginger · GoldenRod · Warm Sun

HEX
#E69430
RGB
rgb(230, 148, 48)
HSL
hsl(33, 78%, 55%)
HSB
hsb(33, 79%, 90%)
CMYK
cmyk(0%, 36%, 79%, 10%)
Oklch
oklch(73.4% 0.146 66.2)

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

#D96200

Tangerine · Chocolate · Amber Brown

HEX
#D96200
RGB
rgb(217, 98, 0)
HSL
hsl(27, 100%, 43%)
HSB
hsb(27, 100%, 85%)
CMYK
cmyk(0%, 55%, 100%, 15%)
Oklch
oklch(63.3% 0.171 48.4)

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

#B01B1D

Vermilion · FireBrick · Wine Red

HEX
#B01B1D
RGB
rgb(176, 27, 29)
HSL
hsl(359, 73%, 40%)
HSB
hsb(359, 85%, 69%)
CMYK
cmyk(0%, 85%, 84%, 31%)
Oklch
oklch(48.8% 0.183 26.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

890000
008A8A

Analogous

8A0045
890000
8A4500

Triadic

890000
008A00
00008A

Split-Comp.

890000
008A45
00458A

Tetradic

890000
458A00
008A8A
45008A

Contrast Matrix WCAG 2.1 Contrast

890000
FAE68A
E69430
D96200
B01B1D
—
8.1
AAA
4.2
AA Large
2.8
Fail
1.5
Fail
8.1
AAA
—
1.9
Fail
2.9
Fail
5.5
AA
4.2
AA Large
1.9
Fail
—
1.5
Fail
2.9
Fail
2.8
Fail
2.9
Fail
1.5
Fail
—
1.9
Fail
1.5
Fail
5.5
AA
2.9
Fail
1.9
Fail
—
White BG
10.2AAA
1.3Fail
2.4Fail
3.7AA Large
7.0AA
Black BG
2.1Fail
16.8AAA
8.6AAA
5.7AA
3.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

4E4C00
F1F1A0
C2C248
A5A418
6F6E1D

Deuteranopia

566000
F3F4A6
C7CD4E
ACB51D
78831C

Tritanopia

820000
F9B2B6
E25B60
D32A2F
A91C1C

Achromatopsia

292929
E1E1E1
A1A1A1
7A7A7A
484848

Shades & Tints Shades & Tints

#890000

Dark
Light

#FAE68A

Dark
Light

#E69430

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #890000;
  --color-2: #fae68a;
  --color-3: #e69430;
  --color-4: #d96200;
  --color-5: #b01b1d;
}

SCSS

$color-1: #890000;
$color-2: #fae68a;
$color-3: #e69430;
$color-4: #d96200;
$color-5: #b01b1d;

TAILWIND

colors: {
  'brand-1': '#890000',
  'brand-2': '#fae68a',
  'brand-3': '#e69430',
  'brand-4': '#d96200',
  'brand-5': '#b01b1d',
}

RGB Array

[137, 0, 0], [250, 230, 138], [230, 148, 48], [217, 98, 0], [176, 27, 29]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #890000, #FAE68A, #E69430, #D96200, #B01B1D 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: #890000; --color-2: #fae68a; --color-3: #e69430; --color-4: #d96200; --color-5: #b01b1d. 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