← Back to Editor

#E71434 · #F68C00 · #E3CA76 · #BDCF9F · #64E3FF

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

#E71434

Vermilion · Crimson · Passion Red

HEX
#E71434
RGB
rgb(231, 20, 52)
HSL
hsl(351, 84%, 49%)
HSB
hsb(351, 91%, 91%)
CMYK
cmyk(0%, 91%, 77%, 9%)
Oklch
oklch(59.1% 0.231 23.0)

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

#F68C00

Ochre · Orange · Amber Brown

HEX
#F68C00
RGB
rgb(246, 140, 0)
HSL
hsl(34, 100%, 48%)
HSB
hsb(34, 100%, 96%)
CMYK
cmyk(0%, 43%, 100%, 4%)
Oklch
oklch(73.9% 0.172 60.8)

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

#E3CA76

Ginger · BurlyWood · Sunflower

HEX
#E3CA76
RGB
rgb(227, 202, 118)
HSL
hsl(46, 66%, 68%)
HSB
hsb(46, 48%, 89%)
CMYK
cmyk(0%, 11%, 48%, 11%)
Oklch
oklch(84.2% 0.108 93.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#BDCF9F

Willow Green · Silver · Apple Green

HEX
#BDCF9F
RGB
rgb(189, 207, 159)
HSL
hsl(83, 33%, 72%)
HSB
hsb(83, 23%, 81%)
CMYK
cmyk(9%, 0%, 23%, 19%)
Oklch
oklch(82.9% 0.068 124.6)

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

#64E3FF

Sky Blue · LightSkyBlue · Lake Green

HEX
#64E3FF
RGB
rgb(100, 227, 255)
HSL
hsl(191, 100%, 70%)
HSB
hsb(191, 61%, 100%)
CMYK
cmyk(61%, 11%, 0%, 0%)
Oklch
oklch(85.5% 0.118 214.6)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E71434
14E6C6

Analogous

E6149C
E71434
E65D14

Triadic

E71434
33E614
1433E6

Split-Comp.

E71434
14E65D
149CE6

Tetradic

E71434
9CE614
14E6C6
5D14E6

Contrast Matrix WCAG 2.1 Contrast

E71434
F68C00
E3CA76
BDCF9F
64E3FF
—
1.9
Fail
2.9
Fail
2.8
Fail
3.1
AA Large
1.9
Fail
—
1.5
Fail
1.5
Fail
1.6
Fail
2.9
Fail
1.5
Fail
—
1.0
Fail
1.1
Fail
2.8
Fail
1.5
Fail
1.0
Fail
—
1.1
Fail
3.1
AA Large
1.6
Fail
1.1
Fail
1.1
Fail
—
White BG
4.6AA
2.4Fail
1.6Fail
1.7Fail
1.5Fail
Black BG
4.5AA
8.7AAA
13.0AAA
12.6AAA
14.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8C8A2C
C8C722
D8D88A
C5C5AB
9B9CF8

Deuteranopia

98A82A
CED62A
DADB8F
C4C2AD
948AF7

Tritanopia

DC2625
F13D43
E29A9E
BEB4B6
6AF3F2

Achromatopsia

575757
9C9C9C
C8C8C8
C4C4C4
C0C0C0

Shades & Tints Shades & Tints

#E71434

Dark
Light

#F68C00

Dark
Light

#E3CA76

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e71434;
  --color-2: #f68c00;
  --color-3: #e3ca76;
  --color-4: #bdcf9f;
  --color-5: #64e3ff;
}

SCSS

$color-1: #e71434;
$color-2: #f68c00;
$color-3: #e3ca76;
$color-4: #bdcf9f;
$color-5: #64e3ff;

TAILWIND

colors: {
  'brand-1': '#e71434',
  'brand-2': '#f68c00',
  'brand-3': '#e3ca76',
  'brand-4': '#bdcf9f',
  'brand-5': '#64e3ff',
}

RGB Array

[231, 20, 52], [246, 140, 0], [227, 202, 118], [189, 207, 159], [100, 227, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E71434, #F68C00, #E3CA76, #BDCF9F, #64E3FF 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: #e71434; --color-2: #f68c00; --color-3: #e3ca76; --color-4: #bdcf9f; --color-5: #64e3ff. 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