← Back to Editor

#BA9832 · #CC7700 · #DB3B2B · #D10042 · #005D63

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 App

Color Details Color Details

#BA9832

Ochre · GoldenRod · Honey Gold

HEX
#BA9832
RGB
rgb(186, 152, 50)
HSL
hsl(45, 58%, 46%)
HSB
hsb(45, 73%, 73%)
CMYK
cmyk(0%, 18%, 73%, 27%)
Oklch
oklch(69.3% 0.123 89.8)

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

#CC7700

Ochre · DarkGoldenRod · Amber Brown

HEX
#CC7700
RGB
rgb(204, 119, 0)
HSL
hsl(35, 100%, 40%)
HSB
hsb(35, 100%, 80%)
CMYK
cmyk(0%, 42%, 100%, 20%)
Oklch
oklch(64.8% 0.148 63.1)

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

#DB3B2B

Vermilion · Crimson · Passion Red

HEX
#DB3B2B
RGB
rgb(219, 59, 43)
HSL
hsl(5, 71%, 51%)
HSB
hsb(5, 80%, 86%)
CMYK
cmyk(0%, 73%, 80%, 14%)
Oklch
oklch(59.2% 0.199 29.8)

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

#D10042

Dark Violet · Crimson · Camellia

HEX
#D10042
RGB
rgb(209, 0, 66)
HSL
hsl(341, 100%, 41%)
HSB
hsb(341, 100%, 82%)
CMYK
cmyk(0%, 100%, 68%, 18%)
Oklch
oklch(54.6% 0.219 16.1)

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

#005D63

Lake Blue · Teal · Peacock Green

HEX
#005D63
RGB
rgb(0, 93, 99)
HSL
hsl(184, 100%, 19%)
HSB
hsb(184, 100%, 39%)
CMYK
cmyk(100%, 6%, 0%, 61%)
Oklch
oklch(43.6% 0.074 202.5)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BA9832
3153B9

Analogous

B95331
BA9832
97B931

Triadic

BA9832
31B997
9731B9

Split-Comp.

BA9832
3197B9
5331B9

Tetradic

BA9832
31B953
3153B9
B93197

Contrast Matrix WCAG 2.1 Contrast

BA9832
CC7700
DB3B2B
D10042
005D63
—
1.2
Fail
1.6
Fail
2.0
Fail
2.8
Fail
1.2
Fail
—
1.3
Fail
1.6
Fail
2.3
Fail
1.6
Fail
1.3
Fail
—
1.2
Fail
1.7
Fail
2.0
Fail
1.6
Fail
1.2
Fail
—
1.4
Fail
2.8
Fail
2.3
Fail
1.7
Fail
1.4
Fail
—
White BG
2.8Fail
3.4AA Large
4.5AA Large
5.5AA
7.6AAA
Black BG
7.6AAA
6.2AA
4.7AA
3.8AA Large
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABAB4B
A7A61D
96942F
777532
282962

Deuteranopia

ADB051
ACB224
9FAB30
83922E
231C61

Tritanopia

B85E62
C83439
D33233
C72523
056060

Achromatopsia

979797
838383
696969
464646
424242

Shades & Tints Shades & Tints

#BA9832

Dark
Light

#CC7700

Dark
Light

#DB3B2B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ba9832;
  --color-2: #cc7700;
  --color-3: #db3b2b;
  --color-4: #d10042;
  --color-5: #005d63;
}

SCSS

$color-1: #ba9832;
$color-2: #cc7700;
$color-3: #db3b2b;
$color-4: #d10042;
$color-5: #005d63;

TAILWIND

colors: {
  'brand-1': '#ba9832',
  'brand-2': '#cc7700',
  'brand-3': '#db3b2b',
  'brand-4': '#d10042',
  'brand-5': '#005d63',
}

RGB Array

[186, 152, 50], [204, 119, 0], [219, 59, 43], [209, 0, 66], [0, 93, 99]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BA9832, #CC7700, #DB3B2B, #D10042, #005D63 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: #ba9832; --color-2: #cc7700; --color-3: #db3b2b; --color-4: #d10042; --color-5: #005d63. 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