← Back to Editor

#0070BC · #819905 · #D8BF00 · #CC8F03 · #A90D00

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

#0070BC

Lake Blue · Teal · Prussian Blue

HEX
#0070BC
RGB
rgb(0, 112, 188)
HSL
hsl(204, 100%, 37%)
HSB
hsb(204, 100%, 74%)
CMYK
cmyk(100%, 40%, 0%, 26%)
Oklch
oklch(53.3% 0.145 248.5)

Traditional「Lake Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#819905

Grass Green · Olive · Forest Green

HEX
#819905
RGB
rgb(129, 153, 5)
HSL
hsl(70, 94%, 31%)
HSB
hsb(70, 97%, 60%)
CMYK
cmyk(16%, 0%, 97%, 40%)
Oklch
oklch(64.1% 0.151 120.2)

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

#D8BF00

Autumn Sage · GoldenRod · Honey Gold

HEX
#D8BF00
RGB
rgb(216, 191, 0)
HSL
hsl(53, 100%, 42%)
HSB
hsb(53, 100%, 85%)
CMYK
cmyk(0%, 12%, 100%, 15%)
Oklch
oklch(80.1% 0.166 99.8)

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

#CC8F03

Ochre · DarkGoldenRod · Honey Gold

HEX
#CC8F03
RGB
rgb(204, 143, 3)
HSL
hsl(42, 97%, 41%)
HSB
hsb(42, 99%, 80%)
CMYK
cmyk(0%, 30%, 99%, 20%)
Oklch
oklch(69.3% 0.144 78.2)

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

#A90D00

Vermilion · DarkRed · Wine Red

HEX
#A90D00
RGB
rgb(169, 13, 0)
HSL
hsl(5, 100%, 33%)
HSB
hsb(5, 100%, 66%)
CMYK
cmyk(0%, 92%, 100%, 34%)
Oklch
oklch(46.6% 0.185 30.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0070BC
BD4B00

Analogous

00BDAA
0070BC
0013BD

Triadic

0070BC
BD0071
71BD00

Split-Comp.

0070BC
BD0013
BDAA00

Tetradic

0070BC
AA00BD
BD4B00
13BD00

Contrast Matrix WCAG 2.1 Contrast

0070BC
819905
D8BF00
CC8F03
A90D00
—
1.6
Fail
2.8
Fail
1.9
Fail
1.5
Fail
1.6
Fail
—
1.8
Fail
1.2
Fail
2.4
Fail
2.8
Fail
1.8
Fail
—
1.5
Fail
4.1
AA Large
1.9
Fail
1.2
Fail
1.5
Fail
—
2.7
Fail
1.5
Fail
2.4
Fail
4.1
AA Large
2.7
Fail
—
White BG
5.2AA
3.2AA Large
1.8Fail
2.8Fail
7.7AAA
Black BG
4.0AA Large
6.5AA
11.4AAA
7.5AAA
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

3032AA
8B8C29
CDCD2E
B2B125
656403

Deuteranopia

2A22A5
8A8831
CFD139
B5BA2D
6F7A04

Tritanopia

069B98
82454B
D7535B
C94046
A10606

Achromatopsia

575757
818181
B1B1B1
919191
3A3A3A

Shades & Tints Shades & Tints

#0070BC

Dark
Light

#819905

Dark
Light

#D8BF00

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0070bc;
  --color-2: #819905;
  --color-3: #d8bf00;
  --color-4: #cc8f03;
  --color-5: #a90d00;
}

SCSS

$color-1: #0070bc;
$color-2: #819905;
$color-3: #d8bf00;
$color-4: #cc8f03;
$color-5: #a90d00;

TAILWIND

colors: {
  'brand-1': '#0070bc',
  'brand-2': '#819905',
  'brand-3': '#d8bf00',
  'brand-4': '#cc8f03',
  'brand-5': '#a90d00',
}

RGB Array

[0, 112, 188], [129, 153, 5], [216, 191, 0], [204, 143, 3], [169, 13, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0070BC, #819905, #D8BF00, #CC8F03, #A90D00 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: #0070bc; --color-2: #819905; --color-3: #d8bf00; --color-4: #cc8f03; --color-5: #a90d00. 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