← Back to Editor

#1A0202 · #A8434A · #F76060 · #F29357 · #E6C687

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

#1A0202

Vermilion · Black · Deep Berry

HEX
#1A0202
RGB
rgb(26, 2, 2)
HSL
hsl(0, 86%, 5%)
HSB
hsb(0, 92%, 10%)
CMYK
cmyk(0%, 92%, 92%, 90%)
Oklch
oklch(14.5% 0.048 25.7)

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

#A8434A

Crimson · Sienna · Passion Red

HEX
#A8434A
RGB
rgb(168, 67, 74)
HSL
hsl(356, 43%, 46%)
HSB
hsb(356, 60%, 66%)
CMYK
cmyk(0%, 60%, 56%, 34%)
Oklch
oklch(52.1% 0.133 18.8)

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

#F76060

Peach Pink · Tomato · Coral Red

HEX
#F76060
RGB
rgb(247, 96, 96)
HSL
hsl(0, 90%, 67%)
HSB
hsb(0, 61%, 97%)
CMYK
cmyk(0%, 61%, 61%, 3%)
Oklch
oklch(68.4% 0.186 23.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#F29357

Apricot · SandyBrown · Warm Sun

HEX
#F29357
RGB
rgb(242, 147, 87)
HSL
hsl(23, 86%, 65%)
HSB
hsb(23, 64%, 95%)
CMYK
cmyk(0%, 39%, 64%, 5%)
Oklch
oklch(75.1% 0.137 51.5)

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

#E6C687

Goose Yellow · BurlyWood · Sunflower

HEX
#E6C687
RGB
rgb(230, 198, 135)
HSL
hsl(40, 66%, 72%)
HSB
hsb(40, 41%, 90%)
CMYK
cmyk(0%, 14%, 41%, 10%)
Oklch
oklch(84.0% 0.088 83.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1A0202
021818

Analogous

18020D
1A0202
180D02

Triadic

1A0202
021802
020218

Split-Comp.

1A0202
02180D
020D18

Tetradic

1A0202
0D1802
021818
0D0218

Contrast Matrix WCAG 2.1 Contrast

1A0202
A8434A
F76060
F29357
E6C687
—
3.4
AA Large
6.5
AA
8.6
AAA
12.1
AAA
3.4
AA Large
—
1.9
Fail
2.5
Fail
3.6
AA Large
6.5
AA
1.9
Fail
—
1.3
Fail
1.9
Fail
8.6
AAA
2.5
Fail
1.3
Fail
—
1.4
Fail
12.1
AAA
3.6
AA Large
1.9
Fail
1.4
Fail
—
White BG
19.9AAA
5.9AA
3.1AA Large
2.3Fail
1.6Fail
Black BG
1.1Fail
3.6AA Large
6.8AA
9.1AAA
12.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

100F02
7C7B48
B6B460
C9C866
D8D896

Deuteranopia

111302
828A48
BECA60
CED569
DADC9A

Tritanopia

190202
A34747
EF6060
ED7174
E4A2A5

Achromatopsia

090909
626262
8D8D8D
A9A9A9
C8C8C8

Shades & Tints Shades & Tints

#1A0202

Dark
Light

#A8434A

Dark
Light

#F76060

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1a0202;
  --color-2: #a8434a;
  --color-3: #f76060;
  --color-4: #f29357;
  --color-5: #e6c687;
}

SCSS

$color-1: #1a0202;
$color-2: #a8434a;
$color-3: #f76060;
$color-4: #f29357;
$color-5: #e6c687;

TAILWIND

colors: {
  'brand-1': '#1a0202',
  'brand-2': '#a8434a',
  'brand-3': '#f76060',
  'brand-4': '#f29357',
  'brand-5': '#e6c687',
}

RGB Array

[26, 2, 2], [168, 67, 74], [247, 96, 96], [242, 147, 87], [230, 198, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1A0202, #A8434A, #F76060, #F29357, #E6C687 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: #1a0202; --color-2: #a8434a; --color-3: #f76060; --color-4: #f29357; --color-5: #e6c687. 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