← Back to Editor

#080706 · #BFA493 · #FF0099 · #C44E04 · #8EAB1B

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

#080706

Ochre · Black · Cinnamon

HEX
#080706
RGB
rgb(8, 7, 6)
HSL
hsl(30, 14%, 3%)
HSB
hsb(30, 25%, 3%)
CMYK
cmyk(0%, 12%, 25%, 97%)
Oklch
oklch(13.0% 0.004 69.8)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#BFA493

Apricot · Tan · Warm Sun

HEX
#BFA493
RGB
rgb(191, 164, 147)
HSL
hsl(23, 26%, 66%)
HSB
hsb(23, 23%, 75%)
CMYK
cmyk(0%, 14%, 23%, 25%)
Oklch
oklch(73.8% 0.040 54.1)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FF0099

Rose Purple · DeepPink · Camellia

HEX
#FF0099
RGB
rgb(255, 0, 153)
HSL
hsl(324, 100%, 50%)
HSB
hsb(324, 100%, 100%)
CMYK
cmyk(0%, 100%, 40%, 0%)
Oklch
oklch(65.3% 0.268 354.7)

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

#C44E04

Tangerine · Chocolate · Amber Brown

HEX
#C44E04
RGB
rgb(196, 78, 4)
HSL
hsl(23, 96%, 39%)
HSB
hsb(23, 98%, 77%)
CMYK
cmyk(0%, 60%, 98%, 23%)
Oklch
oklch(57.3% 0.166 43.7)

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

#8EAB1B

Grass Green · Olive · Forest Green

HEX
#8EAB1B
RGB
rgb(142, 171, 27)
HSL
hsl(72, 73%, 39%)
HSB
hsb(72, 84%, 67%)
CMYK
cmyk(17%, 0%, 84%, 33%)
Oklch
oklch(69.5% 0.160 121.4)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

080706
070809

Analogous

090707
080706
090907

Triadic

080706
070908
080709

Split-Comp.

080706
070909
070709

Tetradic

080706
070907
070809
090709

Contrast Matrix WCAG 2.1 Contrast

080706
BFA493
FF0099
C44E04
8EAB1B
—
8.6
AAA
5.5
AA
4.3
AA Large
7.7
AAA
8.6
AAA
—
1.6
Fail
2.0
Fail
1.1
Fail
5.5
AA
1.6
Fail
—
1.3
Fail
1.4
Fail
4.3
AA Large
2.0
Fail
1.3
Fail
—
1.8
Fail
7.7
AAA
1.1
Fail
1.4
Fail
1.8
Fail
—
White BG
20.1AAA
2.3Fail
3.7AA Large
4.7AA
2.6Fail
Black BG
1.0Fail
8.9AAA
5.7AA
4.4AA Large
8.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

080806
B3B397
918E74
919016
9B9B3E

Deuteranopia

080806
B5B798
9FB36B
98A11A
999746

Tritanopia

080606
BE9A9B
F25750
BE2427
8F595F

Achromatopsia

070707
AAAAAA
5E5E5E
696969
929292

Shades & Tints Shades & Tints

#080706

Dark
Light

#BFA493

Dark
Light

#FF0099

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #080706;
  --color-2: #bfa493;
  --color-3: #ff0099;
  --color-4: #c44e04;
  --color-5: #8eab1b;
}

SCSS

$color-1: #080706;
$color-2: #bfa493;
$color-3: #ff0099;
$color-4: #c44e04;
$color-5: #8eab1b;

TAILWIND

colors: {
  'brand-1': '#080706',
  'brand-2': '#bfa493',
  'brand-3': '#ff0099',
  'brand-4': '#c44e04',
  'brand-5': '#8eab1b',
}

RGB Array

[8, 7, 6], [191, 164, 147], [255, 0, 153], [196, 78, 4], [142, 171, 27]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #080706, #BFA493, #FF0099, #C44E04, #8EAB1B 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: #080706; --color-2: #bfa493; --color-3: #ff0099; --color-4: #c44e04; --color-5: #8eab1b. 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