← Back to Editor

#E6AF0B · #ECEBF7 · #3A3940 · #DE9D07 · #B00000

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

#E6AF0B

Ochre · GoldenRod · Honey Gold

HEX
#E6AF0B
RGB
rgb(230, 175, 11)
HSL
hsl(45, 91%, 47%)
HSB
hsb(45, 95%, 90%)
CMYK
cmyk(0%, 24%, 95%, 10%)
Oklch
oklch(78.3% 0.159 85.5)

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

#ECEBF7

Wisteria · Lavender · Sky Blue

HEX
#ECEBF7
RGB
rgb(236, 235, 247)
HSL
hsl(245, 43%, 95%)
HSB
hsb(245, 5%, 97%)
CMYK
cmyk(4%, 5%, 0%, 3%)
Oklch
oklch(94.4% 0.016 289.9)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

#3A3940

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#3A3940
RGB
rgb(58, 57, 64)
HSL
hsl(249, 6%, 24%)
HSB
hsb(249, 11%, 25%)
CMYK
cmyk(9%, 11%, 0%, 75%)
Oklch
oklch(34.8% 0.012 292.3)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#DE9D07

Ochre · GoldenRod · Honey Gold

HEX
#DE9D07
RGB
rgb(222, 157, 7)
HSL
hsl(42, 94%, 45%)
HSB
hsb(42, 97%, 87%)
CMYK
cmyk(0%, 29%, 97%, 13%)
Oklch
oklch(74.0% 0.153 78.7)

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

#B00000

Vermilion · DarkRed · Wine Red

HEX
#B00000
RGB
rgb(176, 0, 0)
HSL
hsl(0, 100%, 35%)
HSB
hsb(0, 100%, 69%)
CMYK
cmyk(0%, 100%, 100%, 31%)
Oklch
oklch(47.5% 0.195 29.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6AF0B
0B41E5

Analogous

E5410B
E6AF0B
AEE50B

Triadic

E6AF0B
0BE5AE
AE0BE5

Split-Comp.

E6AF0B
0BAEE5
410BE5

Tetradic

E6AF0B
0BE541
0B41E5
E50BAE

Contrast Matrix WCAG 2.1 Contrast

E6AF0B
ECEBF7
3A3940
DE9D07
B00000
—
1.7
Fail
5.7
AA
1.2
Fail
3.7
AA Large
1.7
Fail
—
9.7
AAA
2.0
Fail
6.3
AA
5.7
AA
9.7
AAA
—
4.9
AA
1.5
Fail
1.2
Fail
2.0
Fail
4.9
AA
—
3.1
AA Large
3.7
AA Large
6.3
AA
1.5
Fail
3.1
AA Large
—
White BG
2.0Fail
1.2Fail
11.4AAA
2.4Fail
7.4AAA
Black BG
10.5AAA
17.8AAA
1.8Fail
8.9AAA
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECE33
ECECF4
3A3A3E
C2C12B
646200

Deuteranopia

D1D63C
ECECF3
3A3A3E
C6CA34
6E7B00

Tritanopia

E35259
ECF2F1
3A3D3D
DB484E
A70000

Achromatopsia

ADADAD
EDEDED
3A3A3A
9F9F9F
353535

Shades & Tints Shades & Tints

#E6AF0B

Dark
Light

#ECEBF7

Dark
Light

#3A3940

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6af0b;
  --color-2: #ecebf7;
  --color-3: #3a3940;
  --color-4: #de9d07;
  --color-5: #b00000;
}

SCSS

$color-1: #e6af0b;
$color-2: #ecebf7;
$color-3: #3a3940;
$color-4: #de9d07;
$color-5: #b00000;

TAILWIND

colors: {
  'brand-1': '#e6af0b',
  'brand-2': '#ecebf7',
  'brand-3': '#3a3940',
  'brand-4': '#de9d07',
  'brand-5': '#b00000',
}

RGB Array

[230, 175, 11], [236, 235, 247], [58, 57, 64], [222, 157, 7], [176, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6AF0B, #ECEBF7, #3A3940, #DE9D07, #B00000 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: #e6af0b; --color-2: #ecebf7; --color-3: #3a3940; --color-4: #de9d07; --color-5: #b00000. 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