← Back to Editor

#FDDA5C · #EDAB41 · #E16451 · #734C4B · #073746

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

#FDDA5C

Ginger · Khaki · Sunflower

HEX
#FDDA5C
RGB
rgb(253, 218, 92)
HSL
hsl(47, 98%, 68%)
HSB
hsb(47, 64%, 99%)
CMYK
cmyk(0%, 14%, 64%, 1%)
Oklch
oklch(89.5% 0.147 93.6)

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

#EDAB41

Ginger · SandyBrown · Warm Sun

HEX
#EDAB41
RGB
rgb(237, 171, 65)
HSL
hsl(37, 83%, 59%)
HSB
hsb(37, 73%, 93%)
CMYK
cmyk(0%, 28%, 73%, 7%)
Oklch
oklch(78.6% 0.141 75.4)

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

#E16451

Vermilion · Tomato · Passion Red

HEX
#E16451
RGB
rgb(225, 100, 81)
HSL
hsl(8, 71%, 60%)
HSB
hsb(8, 64%, 88%)
CMYK
cmyk(0%, 56%, 64%, 12%)
Oklch
oklch(65.4% 0.160 30.6)

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

#734C4B

Crimson · DimGray · Wine Red

HEX
#734C4B
RGB
rgb(115, 76, 75)
HSL
hsl(1, 21%, 37%)
HSB
hsb(1, 35%, 45%)
CMYK
cmyk(0%, 34%, 35%, 55%)
Oklch
oklch(46.0% 0.053 21.0)

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

#073746

Lake Blue · DarkSlateGray · Peacock Green

HEX
#073746
RGB
rgb(7, 55, 70)
HSL
hsl(194, 82%, 15%)
HSB
hsb(194, 90%, 27%)
CMYK
cmyk(90%, 21%, 0%, 73%)
Oklch
oklch(31.4% 0.055 224.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDDA5C
5D80FD

Analogous

FD8B5D
FDDA5C
D0FD5D

Triadic

FDDA5C
5DFDDB
DB5DFD

Split-Comp.

FDDA5C
5DD0FD
8B5DFD

Tetradic

FDDA5C
5DFD8B
5D80FD
FD5DD0

Contrast Matrix WCAG 2.1 Contrast

FDDA5C
EDAB41
E16451
734C4B
073746
—
1.5
Fail
2.5
Fail
5.4
AA
9.3
AAA
1.5
Fail
—
1.7
Fail
3.7
AA Large
6.4
AA
2.5
Fail
1.7
Fail
—
2.1
Fail
3.7
AA Large
5.4
AA
3.7
AA Large
2.1
Fail
—
1.7
Fail
9.3
AAA
6.4
AA
3.7
AA Large
1.7
Fail
—
White BG
1.4Fail
2.0Fail
3.4AA Large
7.3AAA
12.8AAA
Black BG
15.4AAA
10.5AAA
6.1AA
2.9Fail
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEE7A
D0D05B
ABAA56
62624B
1C1C42

Deuteranopia

F0F382
D4D961
B2BC57
64674B
191542

Tritanopia

FB9398
EA6F73
DB595A
714B4B
09403F

Achromatopsia

D6D6D6
B3B3B3
878787
585858
2A2A2A

Shades & Tints Shades & Tints

#FDDA5C

Dark
Light

#EDAB41

Dark
Light

#E16451

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fdda5c;
  --color-2: #edab41;
  --color-3: #e16451;
  --color-4: #734c4b;
  --color-5: #073746;
}

SCSS

$color-1: #fdda5c;
$color-2: #edab41;
$color-3: #e16451;
$color-4: #734c4b;
$color-5: #073746;

TAILWIND

colors: {
  'brand-1': '#fdda5c',
  'brand-2': '#edab41',
  'brand-3': '#e16451',
  'brand-4': '#734c4b',
  'brand-5': '#073746',
}

RGB Array

[253, 218, 92], [237, 171, 65], [225, 100, 81], [115, 76, 75], [7, 55, 70]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FDDA5C, #EDAB41, #E16451, #734C4B, #073746 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #fdda5c; --color-2: #edab41; --color-3: #e16451; --color-4: #734c4b; --color-5: #073746. 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. 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