← Back to Editor

#1E0127 · #DAE58D · #C2BE82 · #B29757 · #993E25

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#1E0127

Royal Purple · Black · Dark Purple

HEX
#1E0127
RGB
rgb(30, 1, 39)
HSL
hsl(286, 95%, 8%)
HSB
hsb(286, 97%, 15%)
CMYK
cmyk(23%, 97%, 0%, 85%)
Oklch
oklch(17.5% 0.081 317.4)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#DAE58D

Fresh Green · Khaki · Sunflower

HEX
#DAE58D
RGB
rgb(218, 229, 141)
HSL
hsl(68, 63%, 73%)
HSB
hsb(68, 38%, 90%)
CMYK
cmyk(5%, 0%, 38%, 10%)
Oklch
oklch(89.4% 0.112 114.5)

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

#C2BE82

Fresh Green · Tan · Sunflower

HEX
#C2BE82
RGB
rgb(194, 190, 130)
HSL
hsl(56, 34%, 64%)
HSB
hsb(56, 33%, 76%)
CMYK
cmyk(0%, 2%, 33%, 24%)
Oklch
oklch(79.0% 0.079 104.8)

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

#B29757

Ginger · DarkSalmon · Sunflower

HEX
#B29757
RGB
rgb(178, 151, 87)
HSL
hsl(42, 37%, 52%)
HSB
hsb(42, 51%, 70%)
CMYK
cmyk(0%, 15%, 51%, 30%)
Oklch
oklch(68.7% 0.089 87.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#993E25

Vermilion · Sienna · Wine Red

HEX
#993E25
RGB
rgb(153, 62, 37)
HSL
hsl(13, 61%, 37%)
HSB
hsb(13, 76%, 60%)
CMYK
cmyk(0%, 59%, 76%, 40%)
Oklch
oklch(48.3% 0.128 36.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1E0127
0A2801

Analogous

0B0128
1E0127
28011D

Triadic

1E0127
281F01
01281F

Split-Comp.

1E0127
1D2801
01280B

Tetradic

1E0127
280B01
0A2801
011D28

Contrast Matrix WCAG 2.1 Contrast

1E0127
DAE58D
C2BE82
B29757
993E25
—
14.3
AAA
10.1
AAA
6.8
AA
2.8
Fail
14.3
AAA
—
1.4
Fail
2.1
Fail
5.1
AA
10.1
AAA
1.4
Fail
—
1.5
Fail
3.6
AA Large
6.8
AA
2.1
Fail
1.5
Fail
—
2.4
Fail
2.8
Fail
5.1
AA
3.6
AA Large
2.4
Fail
—
White BG
19.3AAA
1.3Fail
1.9Fail
2.8Fail
6.8AA
Black BG
1.1Fail
15.6AAA
11.0AAA
7.5AAA
3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

11111E
DFDFA2
C0C091
A6A666
72712B

Deuteranopia

13151C
DEDDA7
C1C194
A8AA6A
777E2D

Tritanopia

1D1715
DBB3B7
C29C9F
B17375
943031

Achromatopsia

0E0E0E
D8D8D8
B8B8B8
989898
565656

Shades & Tints Shades & Tints

#1E0127

Dark
Light

#DAE58D

Dark
Light

#C2BE82

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1e0127;
  --color-2: #dae58d;
  --color-3: #c2be82;
  --color-4: #b29757;
  --color-5: #993e25;
}

SCSS

$color-1: #1e0127;
$color-2: #dae58d;
$color-3: #c2be82;
$color-4: #b29757;
$color-5: #993e25;

TAILWIND

colors: {
  'brand-1': '#1e0127',
  'brand-2': '#dae58d',
  'brand-3': '#c2be82',
  'brand-4': '#b29757',
  'brand-5': '#993e25',
}

RGB Array

[30, 1, 39], [218, 229, 141], [194, 190, 130], [178, 151, 87], [153, 62, 37]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1E0127, #DAE58D, #C2BE82, #B29757, #993E25 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #1e0127; --color-2: #dae58d; --color-3: #c2be82; --color-4: #b29757; --color-5: #993e25. 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 tech, SaaS, healthcare, eco industries. 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