← Back to Editor

#010D03 · #9B0510 · #B63516 · #A69230 · #C5C7B1

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

#010D03

Pine Green · Black · Dark Green

HEX
#010D03
RGB
rgb(1, 13, 3)
HSL
hsl(130, 86%, 3%)
HSB
hsb(130, 92%, 5%)
CMYK
cmyk(92%, 0%, 77%, 95%)
Oklch
oklch(14.1% 0.035 149.2)

Traditional「Pine Green」· Paint「Dark Green」· Creative Blush Sunrise

#9B0510

Vermilion · DarkRed · Wine Red

HEX
#9B0510
RGB
rgb(155, 5, 16)
HSL
hsl(356, 94%, 31%)
HSB
hsb(356, 97%, 61%)
CMYK
cmyk(0%, 97%, 90%, 39%)
Oklch
oklch(43.6% 0.175 26.9)

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

#B63516

Vermilion · FireBrick · Wine Red

HEX
#B63516
RGB
rgb(182, 53, 22)
HSL
hsl(12, 78%, 40%)
HSB
hsb(12, 88%, 71%)
CMYK
cmyk(0%, 71%, 88%, 29%)
Oklch
oklch(52.0% 0.171 34.2)

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

#A69230

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#A69230
RGB
rgb(166, 146, 48)
HSL
hsl(50, 55%, 42%)
HSB
hsb(50, 71%, 65%)
CMYK
cmyk(0%, 12%, 71%, 35%)
Oklch
oklch(66.0% 0.117 97.4)

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

#C5C7B1

Fresh Green · Silver · Sunflower

HEX
#C5C7B1
RGB
rgb(197, 199, 177)
HSL
hsl(65, 16%, 74%)
HSB
hsb(65, 11%, 78%)
CMYK
cmyk(1%, 0%, 11%, 22%)
Oklch
oklch(82.2% 0.030 111.3)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

010D03
0E010C

Analogous

050E01
010D03
010E0A

Triadic

010D03
03010E
0E0301

Split-Comp.

010D03
0A010E
0E0105

Tetradic

010D03
01050E
0E010C
0E0A01

Contrast Matrix WCAG 2.1 Contrast

010D03
9B0510
B63516
A69230
C5C7B1
—
2.3
Fail
3.3
AA Large
6.4
AA
11.5
AAA
2.3
Fail
—
1.4
Fail
2.8
Fail
5.0
AA
3.3
AA Large
1.4
Fail
—
1.9
Fail
3.5
AA Large
6.4
AA
2.8
Fail
1.9
Fail
—
1.8
Fail
11.5
AAA
5.0
AA
3.5
AA Large
1.8
Fail
—
White BG
19.8AAA
8.7AAA
6.0AA
3.1AA Large
1.7Fail
Black BG
1.1Fail
2.4Fail
3.5AA Large
6.8AA
12.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

060605
5A590D
7E7D1E
9D9D48
C6C6B6

Deuteranopia

060506
636E0D
868F1F
9FA04D
C6C6B8

Tritanopia

020708
940B0B
B02325
A55A5F
C5BBBB

Achromatopsia

080808
333333
585858
8D8D8D
C4C4C4

Shades & Tints Shades & Tints

#010D03

Dark
Light

#9B0510

Dark
Light

#B63516

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #010d03;
  --color-2: #9b0510;
  --color-3: #b63516;
  --color-4: #a69230;
  --color-5: #c5c7b1;
}

SCSS

$color-1: #010d03;
$color-2: #9b0510;
$color-3: #b63516;
$color-4: #a69230;
$color-5: #c5c7b1;

TAILWIND

colors: {
  'brand-1': '#010d03',
  'brand-2': '#9b0510',
  'brand-3': '#b63516',
  'brand-4': '#a69230',
  'brand-5': '#c5c7b1',
}

RGB Array

[1, 13, 3], [155, 5, 16], [182, 53, 22], [166, 146, 48], [197, 199, 177]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #010D03, #9B0510, #B63516, #A69230, #C5C7B1 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: #010d03; --color-2: #9b0510; --color-3: #b63516; --color-4: #a69230; --color-5: #c5c7b1. 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