← Back to Editor

#1D0A4A · #DE4D06 · #974B05 · #5E4900 · #F7DC77

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

#1D0A4A

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#1D0A4A
RGB
rgb(29, 10, 74)
HSL
hsl(258, 76%, 16%)
HSB
hsb(258, 86%, 29%)
CMYK
cmyk(61%, 86%, 0%, 71%)
Oklch
oklch(22.6% 0.108 287.9)

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

#DE4D06

Tangerine · OrangeRed · Amber Brown

HEX
#DE4D06
RGB
rgb(222, 77, 6)
HSL
hsl(20, 95%, 45%)
HSB
hsb(20, 97%, 87%)
CMYK
cmyk(0%, 65%, 97%, 13%)
Oklch
oklch(61.4% 0.192 39.6)

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

#974B05

Tangerine · Sienna · Amber Brown

HEX
#974B05
RGB
rgb(151, 75, 5)
HSL
hsl(29, 94%, 31%)
HSB
hsb(29, 97%, 59%)
CMYK
cmyk(0%, 50%, 97%, 41%)
Oklch
oklch(49.8% 0.123 53.6)

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

#5E4900

Ochre · DarkOliveGreen · Amber Gold

HEX
#5E4900
RGB
rgb(94, 73, 0)
HSL
hsl(47, 100%, 18%)
HSB
hsb(47, 100%, 37%)
CMYK
cmyk(0%, 22%, 100%, 63%)
Oklch
oklch(41.6% 0.085 89.8)

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

#F7DC77

Goose Yellow · Khaki · Sunflower

HEX
#F7DC77
RGB
rgb(247, 220, 119)
HSL
hsl(47, 89%, 72%)
HSB
hsb(47, 52%, 97%)
CMYK
cmyk(0%, 11%, 52%, 3%)
Oklch
oklch(89.6% 0.125 94.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1D0A4A
35480A

Analogous

0A1648
1D0A4A
3B0A48

Triadic

1D0A4A
481C0A
0A481C

Split-Comp.

1D0A4A
483B0A
16480A

Tetradic

1D0A4A
480A16
35480A
0A483B

Contrast Matrix WCAG 2.1 Contrast

1D0A4A
DE4D06
974B05
5E4900
F7DC77
—
4.3
AA Large
2.8
Fail
2.0
Fail
12.9
AAA
4.3
AA Large
—
1.6
Fail
2.1
Fail
3.0
Fail
2.8
Fail
1.6
Fail
—
1.4
Fail
4.6
AA
2.0
Fail
2.1
Fail
1.4
Fail
—
6.4
AA
12.9
AAA
3.0
Fail
4.6
AA
6.4
AA
—
White BG
17.6AAA
4.1AA Large
6.3AA
8.6AAA
1.4Fail
Black BG
1.2Fail
5.2AA
3.3AA Large
2.4Fail
15.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

15153B
9F9E17
767516
555512
EBEB8F

Deuteranopia

161737
A8B21B
7B801A
565816
EDEF95

Tritanopia

1C2E2C
D72528
932326
5D2023
F6A3A7

Achromatopsia

171717
707070
5A5A5A
474747
D9D9D9

Shades & Tints Shades & Tints

#1D0A4A

Dark
Light

#DE4D06

Dark
Light

#974B05

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1d0a4a;
  --color-2: #de4d06;
  --color-3: #974b05;
  --color-4: #5e4900;
  --color-5: #f7dc77;
}

SCSS

$color-1: #1d0a4a;
$color-2: #de4d06;
$color-3: #974b05;
$color-4: #5e4900;
$color-5: #f7dc77;

TAILWIND

colors: {
  'brand-1': '#1d0a4a',
  'brand-2': '#de4d06',
  'brand-3': '#974b05',
  'brand-4': '#5e4900',
  'brand-5': '#f7dc77',
}

RGB Array

[29, 10, 74], [222, 77, 6], [151, 75, 5], [94, 73, 0], [247, 220, 119]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1D0A4A, #DE4D06, #974B05, #5E4900, #F7DC77 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: #1d0a4a; --color-2: #de4d06; --color-3: #974b05; --color-4: #5e4900; --color-5: #f7dc77. 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