← Back to Editor

#E89710 · #F21272 · #C20002 · #03262A · #020305

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

#E89710

Ochre · GoldenRod · Amber Brown

HEX
#E89710
RGB
rgb(232, 151, 16)
HSL
hsl(38, 87%, 49%)
HSB
hsb(38, 93%, 91%)
CMYK
cmyk(0%, 35%, 93%, 9%)
Oklch
oklch(74.1% 0.157 70.7)

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

#F21272

Dark Violet · DeepPink · Rose Pink

HEX
#F21272
RGB
rgb(242, 18, 114)
HSL
hsl(334, 90%, 51%)
HSB
hsb(334, 93%, 95%)
CMYK
cmyk(0%, 93%, 53%, 5%)
Oklch
oklch(62.2% 0.244 5.3)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#C20002

Vermilion · FireBrick · Wine Red

HEX
#C20002
RGB
rgb(194, 0, 2)
HSL
hsl(359, 100%, 38%)
HSB
hsb(359, 100%, 76%)
CMYK
cmyk(0%, 100%, 99%, 24%)
Oklch
oklch(51.1% 0.210 29.0)

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

#03262A

Lake Blue · Black · Peacock Green

HEX
#03262A
RGB
rgb(3, 38, 42)
HSL
hsl(186, 87%, 9%)
HSB
hsb(186, 93%, 16%)
CMYK
cmyk(93%, 10%, 0%, 84%)
Oklch
oklch(24.6% 0.039 206.1)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#020305

Indigo · Black · Deep Sea Blue

HEX
#020305
RGB
rgb(2, 3, 5)
HSL
hsl(220, 43%, 1%)
HSB
hsb(220, 60%, 2%)
CMYK
cmyk(60%, 40%, 0%, 98%)
Oklch
oklch(9.6% 0.009 258.7)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E89710
1060EA

Analogous

EA2D10
E89710
CDEA10

Triadic

E89710
10EA9A
9A10EA

Split-Comp.

E89710
10CDEA
2D10EA

Tetradic

E89710
10EA2D
1060EA
EA10CD

Contrast Matrix WCAG 2.1 Contrast

E89710
F21272
C20002
03262A
020305
—
1.7
Fail
2.7
Fail
6.7
AA
8.7
AAA
1.7
Fail
—
1.5
Fail
3.9
AA Large
5.0
AA
2.7
Fail
1.5
Fail
—
2.5
Fail
3.2
AA Large
6.7
AA
3.9
AA Large
2.5
Fail
—
1.3
Fail
8.7
AAA
5.0
AA
3.2
AA Large
1.3
Fail
—
White BG
2.4Fail
4.1AA Large
6.4AA
16.0AAA
20.6AAA
Black BG
8.9AAA
5.1AA
3.3AA Large
1.3Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C431
918F5B
6E6C02
121229
020205

Deuteranopia

CAD039
9EAF55
798801
100E29
020204

Tritanopia

E44A50
E74844
B80101
052828
020404

Achromatopsia

A0A0A0
606060
3A3A3A
1C1C1C
030303

Shades & Tints Shades & Tints

#E89710

Dark
Light

#F21272

Dark
Light

#C20002

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e89710;
  --color-2: #f21272;
  --color-3: #c20002;
  --color-4: #03262a;
  --color-5: #020305;
}

SCSS

$color-1: #e89710;
$color-2: #f21272;
$color-3: #c20002;
$color-4: #03262a;
$color-5: #020305;

TAILWIND

colors: {
  'brand-1': '#e89710',
  'brand-2': '#f21272',
  'brand-3': '#c20002',
  'brand-4': '#03262a',
  'brand-5': '#020305',
}

RGB Array

[232, 151, 16], [242, 18, 114], [194, 0, 2], [3, 38, 42], [2, 3, 5]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E89710, #F21272, #C20002, #03262A, #020305 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #e89710; --color-2: #f21272; --color-3: #c20002; --color-4: #03262a; --color-5: #020305. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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