← Back to Editor

#EB7F27 · #321B0D · #C92816 · #E2A670 · #3C6E6F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#EB7F27

Tangerine · Chocolate · Warm Sun

HEX
#EB7F27
RGB
rgb(235, 127, 39)
HSL
hsl(27, 83%, 54%)
HSB
hsb(27, 83%, 92%)
CMYK
cmyk(0%, 46%, 83%, 8%)
Oklch
oklch(70.4% 0.162 54.0)

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

#321B0D

Tangerine · Black · Cinnamon

HEX
#321B0D
RGB
rgb(50, 27, 13)
HSL
hsl(23, 59%, 12%)
HSB
hsb(23, 74%, 20%)
CMYK
cmyk(0%, 46%, 74%, 80%)
Oklch
oklch(25.0% 0.044 51.0)

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

#C92816

Vermilion · FireBrick · Passion Red

HEX
#C92816
RGB
rgb(201, 40, 22)
HSL
hsl(6, 80%, 44%)
HSB
hsb(6, 89%, 79%)
CMYK
cmyk(0%, 80%, 89%, 21%)
Oklch
oklch(54.3% 0.198 30.5)

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

#E2A670

Apricot · DarkSalmon · Warm Sun

HEX
#E2A670
RGB
rgb(226, 166, 112)
HSL
hsl(28, 66%, 66%)
HSB
hsb(28, 50%, 89%)
CMYK
cmyk(0%, 27%, 50%, 11%)
Oklch
oklch(77.0% 0.100 62.5)

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

#3C6E6F

Slate Blue · SeaGreen · Mint Ice

HEX
#3C6E6F
RGB
rgb(60, 110, 111)
HSL
hsl(181, 30%, 34%)
HSB
hsb(181, 46%, 44%)
CMYK
cmyk(46%, 1%, 0%, 56%)
Oklch
oklch(50.4% 0.054 197.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EB7F27
2893EB

Analogous

EB2832
EB7F27
EBE128

Triadic

EB7F27
28EB80
8028EB

Split-Comp.

EB7F27
28EBE1
2832EB

Tetradic

EB7F27
32EB28
2893EB
E128EB

Contrast Matrix WCAG 2.1 Contrast

EB7F27
321B0D
C92816
E2A670
3C6E6F
—
5.9
AA
2.0
Fail
1.3
Fail
2.1
Fail
5.9
AA
—
2.9
Fail
7.6
AAA
2.8
Fail
2.0
Fail
2.9
Fail
—
2.6
Fail
1.0
Fail
1.3
Fail
7.6
AAA
2.6
Fail
—
2.7
Fail
2.1
Fail
2.8
Fail
1.0
Fail
2.7
Fail
—
White BG
2.8Fail
16.2AAA
5.5AA
2.1Fail
5.8AA
Black BG
7.6AAA
1.3Fail
3.8AA Large
9.9AAA
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBB3C
282810
83821A
C8C77D
52526F

Deuteranopia

C3CB41
292B11
8D991B
CCD080
4F4B6F

Tritanopia

E64D51
311314
C11E1F
DF878A
3F6F6F

Achromatopsia

959595
202020
565656
B2B2B2
5F5F5F

Shades & Tints Shades & Tints

#EB7F27

Dark
Light

#321B0D

Dark
Light

#C92816

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eb7f27;
  --color-2: #321b0d;
  --color-3: #c92816;
  --color-4: #e2a670;
  --color-5: #3c6e6f;
}

SCSS

$color-1: #eb7f27;
$color-2: #321b0d;
$color-3: #c92816;
$color-4: #e2a670;
$color-5: #3c6e6f;

TAILWIND

colors: {
  'brand-1': '#eb7f27',
  'brand-2': '#321b0d',
  'brand-3': '#c92816',
  'brand-4': '#e2a670',
  'brand-5': '#3c6e6f',
}

RGB Array

[235, 127, 39], [50, 27, 13], [201, 40, 22], [226, 166, 112], [60, 110, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EB7F27, #321B0D, #C92816, #E2A670, #3C6E6F 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: #eb7f27; --color-2: #321b0d; --color-3: #c92816; --color-4: #e2a670; --color-5: #3c6e6f. 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 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