← Back to Editor

#1B1E4D · #91175C · #D95D5D · #E3A15F · #D9D082

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

#1B1E4D

Indigo · MidnightBlue · Deep Sea Blue

HEX
#1B1E4D
RGB
rgb(27, 30, 77)
HSL
hsl(236, 48%, 20%)
HSB
hsb(236, 65%, 30%)
CMYK
cmyk(65%, 61%, 0%, 70%)
Oklch
oklch(26.3% 0.085 276.1)

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

#91175C

Rose Purple · Purple · Camellia

HEX
#91175C
RGB
rgb(145, 23, 92)
HSL
hsl(326, 73%, 33%)
HSB
hsb(326, 84%, 57%)
CMYK
cmyk(0%, 84%, 37%, 43%)
Oklch
oklch(44.2% 0.166 352.3)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#D95D5D

Peach Pink · Tomato · Coral Red

HEX
#D95D5D
RGB
rgb(217, 93, 93)
HSL
hsl(0, 62%, 61%)
HSB
hsb(0, 57%, 85%)
CMYK
cmyk(0%, 57%, 57%, 15%)
Oklch
oklch(63.5% 0.157 22.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#E3A15F

Ginger · SandyBrown · Warm Sun

HEX
#E3A15F
RGB
rgb(227, 161, 95)
HSL
hsl(30, 70%, 63%)
HSB
hsb(30, 58%, 89%)
CMYK
cmyk(0%, 29%, 58%, 11%)
Oklch
oklch(75.9% 0.114 64.6)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#D9D082

Fresh Green · BurlyWood · Sunflower

HEX
#D9D082
RGB
rgb(217, 208, 130)
HSL
hsl(54, 53%, 68%)
HSB
hsb(54, 40%, 85%)
CMYK
cmyk(0%, 4%, 40%, 15%)
Oklch
oklch(84.8% 0.099 102.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1B1E4D
4B481B

Analogous

1B364B
1B1E4D
301B4B

Triadic

1B1E4D
4B1B1E
1E4B1B

Split-Comp.

1B1E4D
4B301B
364B1B

Tetradic

1B1E4D
4B1B36
4B481B
1B4B30

Contrast Matrix WCAG 2.1 Contrast

1B1E4D
91175C
D95D5D
E3A15F
D9D082
—
1.9
Fail
4.2
AA Large
7.1
AAA
9.9
AAA
1.9
Fail
—
2.3
Fail
3.8
AA Large
5.4
AA
4.2
AA Large
2.3
Fail
—
1.7
Fail
2.3
Fail
7.1
AAA
3.8
AA Large
1.7
Fail
—
1.4
Fail
9.9
AAA
5.4
AA
2.3
Fail
1.4
Fail
—
White BG
15.7AAA
8.5AAA
3.7AA Large
2.2Fail
1.6Fail
Black BG
1.3Fail
2.5Fail
5.7AA
9.5AAA
13.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1C1C42
5C5B4B
A3A25D
C6C66F
D5D595

Deuteranopia

1C1C3F
636C47
ABB45D
CACF73
D6D699

Tritanopia

1B3937
8B3E3B
D35D5D
E07C7E
D9A4A7

Achromatopsia

222222
434343
828282
ADADAD
CACACA

Shades & Tints Shades & Tints

#1B1E4D

Dark
Light

#91175C

Dark
Light

#D95D5D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1b1e4d;
  --color-2: #91175c;
  --color-3: #d95d5d;
  --color-4: #e3a15f;
  --color-5: #d9d082;
}

SCSS

$color-1: #1b1e4d;
$color-2: #91175c;
$color-3: #d95d5d;
$color-4: #e3a15f;
$color-5: #d9d082;

TAILWIND

colors: {
  'brand-1': '#1b1e4d',
  'brand-2': '#91175c',
  'brand-3': '#d95d5d',
  'brand-4': '#e3a15f',
  'brand-5': '#d9d082',
}

RGB Array

[27, 30, 77], [145, 23, 92], [217, 93, 93], [227, 161, 95], [217, 208, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1B1E4D, #91175C, #D95D5D, #E3A15F, #D9D082 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: #1b1e4d; --color-2: #91175c; --color-3: #d95d5d; --color-4: #e3a15f; --color-5: #d9d082. 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