← Back to Editor

#42231C · #EB4627 · #EB8827 · #FABD4C · #B3D690

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

#42231C

Crimson · DarkSlateGray · Deep Berry

HEX
#42231C
RGB
rgb(66, 35, 28)
HSL
hsl(11, 40%, 18%)
HSB
hsb(11, 58%, 26%)
CMYK
cmyk(0%, 47%, 58%, 74%)
Oklch
oklch(29.5% 0.049 33.6)

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

#EB4627

Vermilion · OrangeRed · Passion Red

HEX
#EB4627
RGB
rgb(235, 70, 39)
HSL
hsl(9, 83%, 54%)
HSB
hsb(9, 83%, 92%)
CMYK
cmyk(0%, 70%, 83%, 8%)
Oklch
oklch(62.9% 0.206 32.7)

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

#EB8827

Ginger · GoldenRod · Warm Sun

HEX
#EB8827
RGB
rgb(235, 136, 39)
HSL
hsl(30, 83%, 54%)
HSB
hsb(30, 83%, 92%)
CMYK
cmyk(0%, 42%, 83%, 8%)
Oklch
oklch(71.9% 0.158 58.8)

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

#FABD4C

Ginger · SandyBrown · Warm Sun

HEX
#FABD4C
RGB
rgb(250, 189, 76)
HSL
hsl(39, 95%, 64%)
HSB
hsb(39, 70%, 98%)
CMYK
cmyk(0%, 24%, 70%, 2%)
Oklch
oklch(83.4% 0.144 79.6)

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

#B3D690

Celadon · LightGreen · Apple Green

HEX
#B3D690
RGB
rgb(179, 214, 144)
HSL
hsl(90, 46%, 70%)
HSB
hsb(90, 33%, 84%)
CMYK
cmyk(16%, 0%, 33%, 16%)
Oklch
oklch(83.4% 0.101 129.9)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

42231C
1C3A40

Analogous

401C27
42231C
40351C

Triadic

42231C
1C4022
221C40

Split-Comp.

42231C
1C4035
1C2740

Tetradic

42231C
27401C
1C3A40
351C40

Contrast Matrix WCAG 2.1 Contrast

42231C
EB4627
EB8827
FABD4C
B3D690
—
3.7
AA Large
5.4
AA
8.4
AAA
8.7
AAA
3.7
AA Large
—
1.5
Fail
2.3
Fail
2.4
Fail
5.4
AA
1.5
Fail
—
1.5
Fail
1.6
Fail
8.4
AAA
2.3
Fail
1.5
Fail
—
1.0
Fail
8.7
AAA
2.4
Fail
1.6
Fail
1.0
Fail
—
White BG
14.1AAA
3.9AA Large
2.6Fail
1.7Fail
1.6Fail
Black BG
1.5Fail
5.4AA
8.1AAA
12.4AAA
12.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

35341E
A4A22F
C0BF3E
E0DF67
C2C2A1

Deuteranopia

36391E
ADBA30
C6CD44
E3E86E
C0BEA5

Tritanopia

401F1F
E33436
E65155
F77D82
B5AEB1

Achromatopsia

2B2B2B
747474
9B9B9B
C2C2C2
C4C4C4

Shades & Tints Shades & Tints

#42231C

Dark
Light

#EB4627

Dark
Light

#EB8827

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #42231c;
  --color-2: #eb4627;
  --color-3: #eb8827;
  --color-4: #fabd4c;
  --color-5: #b3d690;
}

SCSS

$color-1: #42231c;
$color-2: #eb4627;
$color-3: #eb8827;
$color-4: #fabd4c;
$color-5: #b3d690;

TAILWIND

colors: {
  'brand-1': '#42231c',
  'brand-2': '#eb4627',
  'brand-3': '#eb8827',
  'brand-4': '#fabd4c',
  'brand-5': '#b3d690',
}

RGB Array

[66, 35, 28], [235, 70, 39], [235, 136, 39], [250, 189, 76], [179, 214, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #42231C, #EB4627, #EB8827, #FABD4C, #B3D690 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: #42231c; --color-2: #eb4627; --color-3: #eb8827; --color-4: #fabd4c; --color-5: #b3d690. 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