← Back to Editor

#080707 · #970E22 · #F2C88D · #FFDB6E · #CCA83D

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

#080707

Ink Black · Black · Jet Black

HEX
#080707
RGB
rgb(8, 7, 7)
HSL
hsl(0, 7%, 3%)
HSB
hsb(0, 13%, 3%)
CMYK
cmyk(0%, 12%, 12%, 97%)
Oklch
oklch(13.0% 0.002 17.4)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#970E22

Vermilion · Brown · Wine Red

HEX
#970E22
RGB
rgb(151, 14, 34)
HSL
hsl(351, 83%, 32%)
HSB
hsb(351, 91%, 59%)
CMYK
cmyk(0%, 91%, 77%, 41%)
Oklch
oklch(43.3% 0.166 22.2)

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

#F2C88D

Goose Yellow · BurlyWood · Warm Sun

HEX
#F2C88D
RGB
rgb(242, 200, 141)
HSL
hsl(35, 80%, 75%)
HSB
hsb(35, 42%, 95%)
CMYK
cmyk(0%, 17%, 42%, 5%)
Oklch
oklch(85.6% 0.089 75.5)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#FFDB6E

Goose Yellow · Khaki · Sunflower

HEX
#FFDB6E
RGB
rgb(255, 219, 110)
HSL
hsl(45, 100%, 72%)
HSB
hsb(45, 57%, 100%)
CMYK
cmyk(0%, 14%, 57%, 0%)
Oklch
oklch(90.1% 0.134 91.3)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#CCA83D

Ginger · GoldenRod · Sunflower

HEX
#CCA83D
RGB
rgb(204, 168, 61)
HSL
hsl(45, 58%, 52%)
HSB
hsb(45, 70%, 80%)
CMYK
cmyk(0%, 18%, 70%, 20%)
Oklch
oklch(74.5% 0.129 90.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

080707
070808

Analogous

080708
080707
080807

Triadic

080707
070807
070708

Split-Comp.

080707
070808
070808

Tetradic

080707
080807
070808
080708

Contrast Matrix WCAG 2.1 Contrast

080707
970E22
F2C88D
FFDB6E
CCA83D
—
2.3
Fail
12.9
AAA
15.0
AAA
8.8
AAA
2.3
Fail
—
5.6
AA
6.5
AA
3.8
AA Large
12.9
AAA
5.6
AA
—
1.2
Fail
1.5
Fail
15.0
AAA
6.5
AA
1.2
Fail
—
1.7
Fail
8.8
AAA
3.8
AA Large
1.5
Fail
1.7
Fail
—
White BG
20.1AAA
8.7AAA
1.6Fail
1.3Fail
2.3Fail
Black BG
1.0Fail
2.4Fail
13.4AAA
15.6AAA
9.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

080807
5C5A1D
E0DF9B
EFEF88
BCBC57

Deuteranopia

080807
646E1C
E2E59F
F2F48F
BFC15D

Tritanopia

080707
901919
F0A7A9
FD9DA2
CA6B70

Achromatopsia

070707
393939
CECECE
D9D9D9
A7A7A7

Shades & Tints Shades & Tints

#080707

Dark
Light

#970E22

Dark
Light

#F2C88D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #080707;
  --color-2: #970e22;
  --color-3: #f2c88d;
  --color-4: #ffdb6e;
  --color-5: #cca83d;
}

SCSS

$color-1: #080707;
$color-2: #970e22;
$color-3: #f2c88d;
$color-4: #ffdb6e;
$color-5: #cca83d;

TAILWIND

colors: {
  'brand-1': '#080707',
  'brand-2': '#970e22',
  'brand-3': '#f2c88d',
  'brand-4': '#ffdb6e',
  'brand-5': '#cca83d',
}

RGB Array

[8, 7, 7], [151, 14, 34], [242, 200, 141], [255, 219, 110], [204, 168, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #080707, #970E22, #F2C88D, #FFDB6E, #CCA83D 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: #080707; --color-2: #970e22; --color-3: #f2c88d; --color-4: #ffdb6e; --color-5: #cca83d. 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