← Back to Editor

#889922 · #CC9900 · #B3662B · #993355 · #630551

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 App

Color Details Color Details

#889922

Autumn Sage · Olive · Honey Gold

HEX
#889922
RGB
rgb(136, 153, 34)
HSL
hsl(69, 64%, 37%)
HSB
hsb(69, 78%, 60%)
CMYK
cmyk(11%, 0%, 78%, 40%)
Oklch
oklch(64.8% 0.139 117.7)

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

#CC9900

Ochre · DarkGoldenRod · Honey Gold

HEX
#CC9900
RGB
rgb(204, 153, 0)
HSL
hsl(45, 100%, 40%)
HSB
hsb(45, 100%, 80%)
CMYK
cmyk(0%, 25%, 100%, 20%)
Oklch
oklch(71.2% 0.146 84.6)

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

#B3662B

Tangerine · Sienna · Amber Brown

HEX
#B3662B
RGB
rgb(179, 102, 43)
HSL
hsl(26, 61%, 44%)
HSB
hsb(26, 76%, 70%)
CMYK
cmyk(0%, 43%, 76%, 30%)
Oklch
oklch(58.7% 0.122 54.6)

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

#993355

Dark Violet · Brown · Camellia

HEX
#993355
RGB
rgb(153, 51, 85)
HSL
hsl(340, 50%, 40%)
HSB
hsb(340, 67%, 60%)
CMYK
cmyk(0%, 67%, 44%, 40%)
Oklch
oklch(47.9% 0.139 3.5)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#630551

Rose Purple · Purple · Dark Purple

HEX
#630551
RGB
rgb(99, 5, 81)
HSL
hsl(311, 90%, 20%)
HSB
hsb(311, 95%, 39%)
CMYK
cmyk(0%, 95%, 18%, 61%)
Oklch
oklch(34.2% 0.144 338.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

889922
34229B

Analogous

9B7022
889922
4C9B22

Triadic

889922
22899B
9B2289

Split-Comp.

889922
224C9B
70229B

Tetradic

889922
229B70
34229B
9B224C

Contrast Matrix WCAG 2.1 Contrast

889922
CC9900
B3662B
993355
630551
—
1.2
Fail
1.4
Fail
2.2
Fail
4.0
AA Large
1.2
Fail
—
1.7
Fail
2.7
Fail
4.9
AA
1.4
Fail
1.7
Fail
—
1.6
Fail
2.9
Fail
2.2
Fail
2.7
Fail
1.6
Fail
—
1.8
Fail
4.0
AA Large
4.9
AA
2.9
Fail
1.8
Fail
—
White BG
3.2AA Large
2.6Fail
4.3AA Large
7.1AAA
12.6AAA
Black BG
6.6AA
8.1AAA
4.9AA
3.0Fail
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8F903F
B6B525
929139
6D6C4D
3A393F

Deuteranopia

8E8D46
B9BD2E
969C3D
737A4B
40473A

Tritanopia

89565B
C94249
AF4547
944645
5E302D

Achromatopsia

868686
979797
767676
555555
2A2A2A

Shades & Tints Shades & Tints

#889922

Dark
Light

#CC9900

Dark
Light

#B3662B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #889922;
  --color-2: #cc9900;
  --color-3: #b3662b;
  --color-4: #993355;
  --color-5: #630551;
}

SCSS

$color-1: #889922;
$color-2: #cc9900;
$color-3: #b3662b;
$color-4: #993355;
$color-5: #630551;

TAILWIND

colors: {
  'brand-1': '#889922',
  'brand-2': '#cc9900',
  'brand-3': '#b3662b',
  'brand-4': '#993355',
  'brand-5': '#630551',
}

RGB Array

[136, 153, 34], [204, 153, 0], [179, 102, 43], [153, 51, 85], [99, 5, 81]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #889922, #CC9900, #B3662B, #993355, #630551 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. 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: #889922; --color-2: #cc9900; --color-3: #b3662b; --color-4: #993355; --color-5: #630551. 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. 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