← Back to Editor

#D9142E · #FC7E0E · #CEAB07 · #DBD821 · #14D8BD

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

#D9142E

Vermilion · Crimson · Passion Red

HEX
#D9142E
RGB
rgb(217, 20, 46)
HSL
hsl(352, 83%, 46%)
HSB
hsb(352, 91%, 85%)
CMYK
cmyk(0%, 91%, 79%, 15%)
Oklch
oklch(56.4% 0.220 23.6)

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

#FC7E0E

Tangerine · Orange · Warm Sun

HEX
#FC7E0E
RGB
rgb(252, 126, 14)
HSL
hsl(28, 98%, 52%)
HSB
hsb(28, 94%, 99%)
CMYK
cmyk(0%, 50%, 94%, 1%)
Oklch
oklch(72.5% 0.183 52.1)

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

#CEAB07

Ochre · GoldenRod · Honey Gold

HEX
#CEAB07
RGB
rgb(206, 171, 7)
HSL
hsl(49, 93%, 42%)
HSB
hsb(49, 97%, 81%)
CMYK
cmyk(0%, 17%, 97%, 19%)
Oklch
oklch(75.0% 0.153 94.0)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#DBD821

Autumn Sage · Gold · Honey Gold

HEX
#DBD821
RGB
rgb(219, 216, 33)
HSL
hsl(59, 74%, 49%)
HSB
hsb(59, 85%, 86%)
CMYK
cmyk(0%, 1%, 85%, 14%)
Oklch
oklch(85.7% 0.179 108.6)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#14D8BD

Mineral Blue · DarkTurquoise · Mint Ice

HEX
#14D8BD
RGB
rgb(20, 216, 189)
HSL
hsl(172, 83%, 46%)
HSB
hsb(172, 91%, 85%)
CMYK
cmyk(91%, 0%, 12%, 15%)
Oklch
oklch(79.1% 0.142 179.2)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9142E
14D7BD

Analogous

D7148F
D9142E
D75B14

Triadic

D9142E
2ED714
142ED7

Split-Comp.

D9142E
14D75B
148FD7

Tetradic

D9142E
8FD714
14D7BD
5B14D7

Contrast Matrix WCAG 2.1 Contrast

D9142E
FC7E0E
CEAB07
DBD821
14D8BD
—
2.0
Fail
2.3
Fail
3.4
AA Large
2.8
Fail
2.0
Fail
—
1.2
Fail
1.7
Fail
1.4
Fail
2.3
Fail
1.2
Fail
—
1.5
Fail
1.2
Fail
3.4
AA Large
1.7
Fail
1.5
Fail
—
1.2
Fail
2.8
Fail
1.4
Fail
1.2
Fail
1.2
Fail
—
White BG
5.1AA
2.6Fail
2.2Fail
1.5Fail
1.8Fail
Black BG
4.1AA Large
8.1AAA
9.5AAA
13.9AAA
11.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

848228
C5C429
BFBF2F
DADA4D
696BC4

Deuteranopia

8F9E26
CDD630
C1C438
DADA58
5E4FC5

Tritanopia

CF2322
F63E43
CC4E55
DB7078
1EC9CA

Achromatopsia

525252
979797
A3A3A3
C4C4C4
9A9A9A

Shades & Tints Shades & Tints

#D9142E

Dark
Light

#FC7E0E

Dark
Light

#CEAB07

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9142e;
  --color-2: #fc7e0e;
  --color-3: #ceab07;
  --color-4: #dbd821;
  --color-5: #14d8bd;
}

SCSS

$color-1: #d9142e;
$color-2: #fc7e0e;
$color-3: #ceab07;
$color-4: #dbd821;
$color-5: #14d8bd;

TAILWIND

colors: {
  'brand-1': '#d9142e',
  'brand-2': '#fc7e0e',
  'brand-3': '#ceab07',
  'brand-4': '#dbd821',
  'brand-5': '#14d8bd',
}

RGB Array

[217, 20, 46], [252, 126, 14], [206, 171, 7], [219, 216, 33], [20, 216, 189]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D9142E, #FC7E0E, #CEAB07, #DBD821, #14D8BD 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: #d9142e; --color-2: #fc7e0e; --color-3: #ceab07; --color-4: #dbd821; --color-5: #14d8bd. 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