← Back to Editor

#991133 · #E9E68F · #666611 · #989811 · #555533

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#991133

Vermilion · Brown · Wine Red

HEX
#991133
RGB
rgb(153, 17, 51)
HSL
hsl(345, 80%, 33%)
HSB
hsb(345, 89%, 60%)
CMYK
cmyk(0%, 89%, 67%, 40%)
Oklch
oklch(44.1% 0.166 15.4)

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

#E9E68F

Fresh Green · Khaki · Sunflower

HEX
#E9E68F
RGB
rgb(233, 230, 143)
HSL
hsl(58, 67%, 74%)
HSB
hsb(58, 39%, 91%)
CMYK
cmyk(0%, 1%, 39%, 9%)
Oklch
oklch(90.8% 0.109 106.7)

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

#666611

Autumn Sage · DarkOliveGreen · Amber Gold

HEX
#666611
RGB
rgb(102, 102, 17)
HSL
hsl(60, 71%, 23%)
HSB
hsb(60, 83%, 40%)
CMYK
cmyk(0%, 0%, 83%, 60%)
Oklch
oklch(49.5% 0.101 109.6)

Traditional「Autumn Sage」· Paint「Amber Gold」· Creative Blush Sunrise

#989811

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#989811
RGB
rgb(152, 152, 17)
HSL
hsl(60, 80%, 33%)
HSB
hsb(60, 89%, 60%)
CMYK
cmyk(0%, 0%, 89%, 40%)
Oklch
oklch(65.8% 0.140 109.7)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#555533

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#555533
RGB
rgb(85, 85, 51)
HSL
hsl(60, 25%, 27%)
HSB
hsb(60, 40%, 33%)
CMYK
cmyk(0%, 0%, 40%, 67%)
Oklch
oklch(44.0% 0.051 108.3)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

991133
119776

Analogous

971176
991133
973211

Triadic

991133
329711
113297

Split-Comp.

991133
119732
117697

Tetradic

991133
769711
119776
321197

Contrast Matrix WCAG 2.1 Contrast

991133
E9E68F
666611
989811
555533
—
6.5
AA
1.4
Fail
2.8
Fail
1.1
Fail
6.5
AA
—
4.7
AA
2.4
Fail
5.9
AA
1.4
Fail
4.7
AA
—
2.0
Fail
1.3
Fail
2.8
Fail
2.4
Fail
2.0
Fail
—
2.5
Fail
1.1
Fail
5.9
AA
1.3
Fail
2.5
Fail
—
White BG
8.5AAA
1.3Fail
6.0AA
3.1AA Large
7.7AAA
Black BG
2.5Fail
16.2AAA
3.5AA Large
6.8AA
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

5E5D2B
E8E8A4
666626
989832
55553B

Deuteranopia

667029
E8E8A9
66662B
98983A
55553D

Tritanopia

922423
E9B5B8
663639
984B51
554243

Achromatopsia

3E3E3E
DDDDDD
5C5C5C
898989
515151

Shades & Tints Shades & Tints

#991133

Dark
Light

#E9E68F

Dark
Light

#666611

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #991133;
  --color-2: #e9e68f;
  --color-3: #666611;
  --color-4: #989811;
  --color-5: #555533;
}

SCSS

$color-1: #991133;
$color-2: #e9e68f;
$color-3: #666611;
$color-4: #989811;
$color-5: #555533;

TAILWIND

colors: {
  'brand-1': '#991133',
  'brand-2': '#e9e68f',
  'brand-3': '#666611',
  'brand-4': '#989811',
  'brand-5': '#555533',
}

RGB Array

[153, 17, 51], [233, 230, 143], [102, 102, 17], [152, 152, 17], [85, 85, 51]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #991133, #E9E68F, #666611, #989811, #555533 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: #991133; --color-2: #e9e68f; --color-3: #666611; --color-4: #989811; --color-5: #555533. 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