← Back to Editor

#FF8E4A · #FF4A4A · #30256F · #4D3E9E · #726A9F

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 App

Color Details Color Details

#FF8E4A

Apricot · Coral · Warm Sun

HEX
#FF8E4A
RGB
rgb(255, 142, 74)
HSL
hsl(23, 100%, 65%)
HSB
hsb(23, 71%, 100%)
CMYK
cmyk(0%, 44%, 71%, 0%)
Oklch
oklch(75.8% 0.159 49.4)

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

#FF4A4A

Peach Pink · Tomato · Coral Red

HEX
#FF4A4A
RGB
rgb(255, 74, 74)
HSL
hsl(0, 100%, 65%)
HSB
hsb(0, 71%, 100%)
CMYK
cmyk(0%, 71%, 71%, 0%)
Oklch
oklch(67.0% 0.218 25.3)

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

#30256F

Deep Indigo · MidnightBlue · Prussian Blue

HEX
#30256F
RGB
rgb(48, 37, 111)
HSL
hsl(249, 50%, 29%)
HSB
hsb(249, 67%, 44%)
CMYK
cmyk(57%, 67%, 0%, 56%)
Oklch
oklch(32.6% 0.122 284.1)

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

#4D3E9E

Deep Indigo · DarkSlateBlue · Navy Blue

HEX
#4D3E9E
RGB
rgb(77, 62, 158)
HSL
hsl(249, 44%, 43%)
HSB
hsb(249, 61%, 62%)
CMYK
cmyk(51%, 61%, 0%, 38%)
Oklch
oklch(43.5% 0.149 285.5)

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

#726A9F

Deep Indigo · SlateGray · Navy Blue

HEX
#726A9F
RGB
rgb(114, 106, 159)
HSL
hsl(249, 22%, 52%)
HSB
hsb(249, 33%, 62%)
CMYK
cmyk(28%, 33%, 0%, 38%)
Oklch
oklch(55.3% 0.082 290.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF8E4A
4DBBFF

Analogous

FF4D61
FF8E4A
FFEA4D

Triadic

FF8E4A
4DFF91
914DFF

Split-Comp.

FF8E4A
4DFFEA
4D61FF

Tetradic

FF8E4A
61FF4D
4DBBFF
EA4DFF

Contrast Matrix WCAG 2.1 Contrast

FF8E4A
FF4A4A
30256F
4D3E9E
726A9F
—
1.5
Fail
5.7
AA
3.7
AA Large
2.2
Fail
1.5
Fail
—
3.9
AA Large
2.5
Fail
1.5
Fail
5.7
AA
3.9
AA Large
—
1.5
Fail
2.6
Fail
3.7
AA Large
2.5
Fail
1.5
Fail
—
1.7
Fail
2.2
Fail
1.5
Fail
2.6
Fail
1.7
Fail
—
White BG
2.3Fail
3.3AA Large
13.0AAA
8.4AAA
4.9AA
Black BG
9.2AAA
6.3AA
1.6Fail
2.5Fail
4.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECD5A
B1AF4A
2B2B5D
474687
6F6E92

Deuteranopia

D5DD5E
BBC94A
2C2D59
474981
6F708F

Tritanopia

F9676A
F64A4A
2F4F4C
4C7470
728886

Achromatopsia

A8A8A8
808080
313131
4D4D4D
727272

Shades & Tints Shades & Tints

#FF8E4A

Dark
Light

#FF4A4A

Dark
Light

#30256F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff8e4a;
  --color-2: #ff4a4a;
  --color-3: #30256f;
  --color-4: #4d3e9e;
  --color-5: #726a9f;
}

SCSS

$color-1: #ff8e4a;
$color-2: #ff4a4a;
$color-3: #30256f;
$color-4: #4d3e9e;
$color-5: #726a9f;

TAILWIND

colors: {
  'brand-1': '#ff8e4a',
  'brand-2': '#ff4a4a',
  'brand-3': '#30256f',
  'brand-4': '#4d3e9e',
  'brand-5': '#726a9f',
}

RGB Array

[255, 142, 74], [255, 74, 74], [48, 37, 111], [77, 62, 158], [114, 106, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF8E4A, #FF4A4A, #30256F, #4D3E9E, #726A9F is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #ff8e4a; --color-2: #ff4a4a; --color-3: #30256f; --color-4: #4d3e9e; --color-5: #726a9f. 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. 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