← Back to Editor

#FF001F · #EA3A3F · #D5735E · #C0AD7E · #ABE69D

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 App

Color Details Color Details

#FF001F

Vermilion · Red · Passion Red

HEX
#FF001F
RGB
rgb(255, 0, 31)
HSL
hsl(353, 100%, 50%)
HSB
hsb(353, 100%, 100%)
CMYK
cmyk(0%, 100%, 88%, 0%)
Oklch
oklch(62.9% 0.256 26.8)

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

#EA3A3F

Vermilion · Crimson · Passion Red

HEX
#EA3A3F
RGB
rgb(234, 58, 63)
HSL
hsl(358, 81%, 57%)
HSB
hsb(358, 75%, 92%)
CMYK
cmyk(0%, 75%, 73%, 8%)
Oklch
oklch(61.9% 0.212 24.7)

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

#D5735E

Crimson · Salmon · Passion Red

HEX
#D5735E
RGB
rgb(213, 115, 94)
HSL
hsl(11, 59%, 60%)
HSB
hsb(11, 56%, 84%)
CMYK
cmyk(0%, 46%, 56%, 16%)
Oklch
oklch(66.2% 0.128 33.2)

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

#C0AD7E

Ginger · Tan · Sunflower

HEX
#C0AD7E
RGB
rgb(192, 173, 126)
HSL
hsl(43, 34%, 62%)
HSB
hsb(43, 34%, 75%)
CMYK
cmyk(0%, 10%, 34%, 25%)
Oklch
oklch(75.2% 0.067 88.5)

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

#ABE69D

Emerald · LightGreen · Apple Green

HEX
#ABE69D
RGB
rgb(171, 230, 157)
HSL
hsl(108, 59%, 76%)
HSB
hsb(108, 32%, 90%)
CMYK
cmyk(26%, 0%, 32%, 10%)
Oklch
oklch(86.7% 0.115 139.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF001F
00FFE1

Analogous

FF009D
FF001F
FF6200

Triadic

FF001F
1EFF00
001EFF

Split-Comp.

FF001F
00FF62
009DFF

Tetradic

FF001F
9DFF00
00FFE1
6200FF

Contrast Matrix WCAG 2.1 Contrast

FF001F
EA3A3F
D5735E
C0AD7E
ABE69D
—
1.0
Fail
1.2
Fail
1.8
Fail
2.8
Fail
1.0
Fail
—
1.2
Fail
1.8
Fail
2.8
Fail
1.2
Fail
1.2
Fail
—
1.5
Fail
2.3
Fail
1.8
Fail
1.8
Fail
1.5
Fail
—
1.5
Fail
2.8
Fail
2.8
Fail
2.3
Fail
1.5
Fail
—
White BG
4.0AA Large
4.1AA Large
3.3AA Large
2.2Fail
1.4Fail
Black BG
5.3AA
5.2AA
6.4AA
9.5AAA
14.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

918E17
9E9C3E
ABAA63
B8B889
C5C5AF

Deuteranopia

9FB316
A8B53D
B0B864
B9BA8C
C1BDB3

Tritanopia

F21210
E13D3D
D06768
BF9294
AEBDC0

Achromatopsia

505050
6F6F6F
8E8E8E
ADADAD
CCCCCC

Shades & Tints Shades & Tints

#FF001F

Dark
Light

#EA3A3F

Dark
Light

#D5735E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff001f;
  --color-2: #ea3a3f;
  --color-3: #d5735e;
  --color-4: #c0ad7e;
  --color-5: #abe69d;
}

SCSS

$color-1: #ff001f;
$color-2: #ea3a3f;
$color-3: #d5735e;
$color-4: #c0ad7e;
$color-5: #abe69d;

TAILWIND

colors: {
  'brand-1': '#ff001f',
  'brand-2': '#ea3a3f',
  'brand-3': '#d5735e',
  'brand-4': '#c0ad7e',
  'brand-5': '#abe69d',
}

RGB Array

[255, 0, 31], [234, 58, 63], [213, 115, 94], [192, 173, 126], [171, 230, 157]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF001F, #EA3A3F, #D5735E, #C0AD7E, #ABE69D 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: #ff001f; --color-2: #ea3a3f; --color-3: #d5735e; --color-4: #c0ad7e; --color-5: #abe69d. 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