← Back to Editor

#DE0000 · #FA6000 · #FF9F30 · #E6DFA3 · #9BC2B2

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

#DE0000

Vermilion · Red · Passion Red

HEX
#DE0000
RGB
rgb(222, 0, 0)
HSL
hsl(0, 100%, 44%)
HSB
hsb(0, 100%, 87%)
CMYK
cmyk(0%, 100%, 100%, 13%)
Oklch
oklch(56.6% 0.232 29.2)

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

#FA6000

Tangerine · OrangeRed · Amber Brown

HEX
#FA6000
RGB
rgb(250, 96, 0)
HSL
hsl(23, 100%, 49%)
HSB
hsb(23, 100%, 98%)
CMYK
cmyk(0%, 62%, 100%, 2%)
Oklch
oklch(68.1% 0.204 42.3)

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

#FF9F30

Ginger · GoldenRod · Warm Sun

HEX
#FF9F30
RGB
rgb(255, 159, 48)
HSL
hsl(32, 100%, 59%)
HSB
hsb(32, 81%, 100%)
CMYK
cmyk(0%, 38%, 81%, 0%)
Oklch
oklch(78.4% 0.162 64.0)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#E6DFA3

Fresh Green · Wheat · Lemon Cream

HEX
#E6DFA3
RGB
rgb(230, 223, 163)
HSL
hsl(54, 57%, 77%)
HSB
hsb(54, 29%, 90%)
CMYK
cmyk(0%, 3%, 29%, 10%)
Oklch
oklch(89.5% 0.078 102.2)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#9BC2B2

Jade · DarkGray · Apple Green

HEX
#9BC2B2
RGB
rgb(155, 194, 178)
HSL
hsl(155, 24%, 68%)
HSB
hsb(155, 20%, 76%)
CMYK
cmyk(20%, 0%, 8%, 24%)
Oklch
oklch(78.1% 0.047 168.2)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DE0000
00E0E0

Analogous

E00070
DE0000
E07000

Triadic

DE0000
00E000
0000E0

Split-Comp.

DE0000
00E070
0070E0

Tetradic

DE0000
70E000
00E0E0
7000E0

Contrast Matrix WCAG 2.1 Contrast

DE0000
FA6000
FF9F30
E6DFA3
9BC2B2
—
1.6
Fail
2.5
Fail
3.8
AA Large
2.6
Fail
1.6
Fail
—
1.5
Fail
2.3
Fail
1.6
Fail
2.5
Fail
1.5
Fail
—
1.5
Fail
1.0
Fail
3.8
AA Large
2.3
Fail
1.5
Fail
—
1.4
Fail
2.6
Fail
1.6
Fail
1.0
Fail
1.4
Fail
—
White BG
5.1AA
3.1AA Large
2.0Fail
1.4Fail
2.0Fail
Black BG
4.1AA Large
6.7AA
10.3AAA
15.4AAA
10.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7E7C00
B7B617
D5D54B
E3E3B2
ACACB6

Deuteranopia

8B9B00
C0CC1D
DBE251
E3E4B5
AAA7B7

Tritanopia

D30000
F22A2E
FA6065
E6BDC0
9DB9BA

Achromatopsia

424242
838383
AFAFAF
DADADA
B5B5B5

Shades & Tints Shades & Tints

#DE0000

Dark
Light

#FA6000

Dark
Light

#FF9F30

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #de0000;
  --color-2: #fa6000;
  --color-3: #ff9f30;
  --color-4: #e6dfa3;
  --color-5: #9bc2b2;
}

SCSS

$color-1: #de0000;
$color-2: #fa6000;
$color-3: #ff9f30;
$color-4: #e6dfa3;
$color-5: #9bc2b2;

TAILWIND

colors: {
  'brand-1': '#de0000',
  'brand-2': '#fa6000',
  'brand-3': '#ff9f30',
  'brand-4': '#e6dfa3',
  'brand-5': '#9bc2b2',
}

RGB Array

[222, 0, 0], [250, 96, 0], [255, 159, 48], [230, 223, 163], [155, 194, 178]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DE0000, #FA6000, #FF9F30, #E6DFA3, #9BC2B2 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: #de0000; --color-2: #fa6000; --color-3: #ff9f30; --color-4: #e6dfa3; --color-5: #9bc2b2. 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