← Back to Editor

#FFDA92 · #E1004F · #16141B · #184354 · #53001D

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 AppData Visualization

Color Details Color Details

#FFDA92

Goose Yellow · Khaki · Lemon Cream

HEX
#FFDA92
RGB
rgb(255, 218, 146)
HSL
hsl(40, 100%, 79%)
HSB
hsb(40, 43%, 100%)
CMYK
cmyk(0%, 15%, 43%, 0%)
Oklch
oklch(90.4% 0.099 83.4)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#E1004F

Dark Violet · Crimson · Camellia

HEX
#E1004F
RGB
rgb(225, 0, 79)
HSL
hsl(339, 100%, 44%)
HSB
hsb(339, 100%, 88%)
CMYK
cmyk(0%, 100%, 65%, 12%)
Oklch
oklch(57.9% 0.231 13.9)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#16141B

Deep Indigo · Black · Deep Sea Blue

HEX
#16141B
RGB
rgb(22, 20, 27)
HSL
hsl(257, 15%, 9%)
HSB
hsb(257, 26%, 11%)
CMYK
cmyk(19%, 26%, 0%, 89%)
Oklch
oklch(19.7% 0.014 298.2)

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

#184354

Lake Blue · DarkSlateGray · Peacock Green

HEX
#184354
RGB
rgb(24, 67, 84)
HSL
hsl(197, 56%, 21%)
HSB
hsb(197, 71%, 33%)
CMYK
cmyk(71%, 20%, 0%, 67%)
Oklch
oklch(36.1% 0.055 227.5)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#53001D

Dark Violet · Maroon · Raspberry

HEX
#53001D
RGB
rgb(83, 0, 29)
HSL
hsl(339, 100%, 16%)
HSB
hsb(339, 100%, 33%)
CMYK
cmyk(0%, 100%, 65%, 67%)
Oklch
oklch(28.3% 0.113 9.5)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFDA92
94B8FF

Analogous

FFA694
FFDA92
EDFF94

Triadic

FFDA92
94FFDB
DB94FF

Split-Comp.

FFDA92
94EDFF
A694FF

Tetradic

FFDA92
94FFA6
94B8FF
FF94ED

Contrast Matrix WCAG 2.1 Contrast

FFDA92
E1004F
16141B
184354
53001D
—
3.6
AA Large
13.6
AAA
8.0
AAA
11.3
AAA
3.6
AA Large
—
3.8
AA Large
2.2
Fail
3.1
AA Large
13.6
AAA
3.8
AA Large
—
1.7
Fail
1.2
Fail
8.0
AAA
2.2
Fail
1.7
Fail
—
1.4
Fail
11.3
AAA
3.1
AA Large
1.2
Fail
1.4
Fail
—
White BG
1.3Fail
4.9AA
18.3AAA
10.7AAA
15.2AAA
Black BG
15.7AAA
4.3AA Large
1.2Fail
2.0Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFA3
807E3C
151519
2B2B50
2F2E16

Deuteranopia

F1F4A8
8D9E37
151519
28254F
343A14

Tritanopia

FDB1B4
D62D29
161818
1A4D4C
4F100F

Achromatopsia

DDDDDD
4C4C4C
151515
383838
1C1C1C

Shades & Tints Shades & Tints

#FFDA92

Dark
Light

#E1004F

Dark
Light

#16141B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffda92;
  --color-2: #e1004f;
  --color-3: #16141b;
  --color-4: #184354;
  --color-5: #53001d;
}

SCSS

$color-1: #ffda92;
$color-2: #e1004f;
$color-3: #16141b;
$color-4: #184354;
$color-5: #53001d;

TAILWIND

colors: {
  'brand-1': '#ffda92',
  'brand-2': '#e1004f',
  'brand-3': '#16141b',
  'brand-4': '#184354',
  'brand-5': '#53001d',
}

RGB Array

[255, 218, 146], [225, 0, 79], [22, 20, 27], [24, 67, 84], [83, 0, 29]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFDA92, #E1004F, #16141B, #184354, #53001D is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #ffda92; --color-2: #e1004f; --color-3: #16141b; --color-4: #184354; --color-5: #53001d. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. High-contrast palettes naturally meet WCAG accessibility standards. 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