← Back to Editor

#0A0907 · #140002 · #FDDE72 · #160606 · #090806

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#0A0907

Ochre · Black · Amber Gold

HEX
#0A0907
RGB
rgb(10, 9, 7)
HSL
hsl(40, 18%, 3%)
HSB
hsb(40, 30%, 4%)
CMYK
cmyk(0%, 10%, 30%, 96%)
Oklch
oklch(14.0% 0.005 86.6)

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

#140002

Vermilion · Black · Deep Berry

HEX
#140002
RGB
rgb(20, 0, 2)
HSL
hsl(354, 100%, 4%)
HSB
hsb(354, 100%, 8%)
CMYK
cmyk(0%, 100%, 90%, 92%)
Oklch
oklch(12.1% 0.049 16.0)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#FDDE72

Goose Yellow · Khaki · Sunflower

HEX
#FDDE72
RGB
rgb(253, 222, 114)
HSL
hsl(47, 97%, 72%)
HSB
hsb(47, 55%, 99%)
CMYK
cmyk(0%, 12%, 55%, 1%)
Oklch
oklch(90.5% 0.132 93.6)

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

#160606

Crimson · Black · Deep Berry

HEX
#160606
RGB
rgb(22, 6, 6)
HSL
hsl(0, 57%, 5%)
HSB
hsb(0, 73%, 9%)
CMYK
cmyk(0%, 73%, 73%, 91%)
Oklch
oklch(15.0% 0.030 21.3)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#090806

Ochre · Black · Amber Gold

HEX
#090806
RGB
rgb(9, 8, 6)
HSL
hsl(40, 20%, 3%)
HSB
hsb(40, 33%, 4%)
CMYK
cmyk(0%, 11%, 33%, 96%)
Oklch
oklch(13.5% 0.006 86.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0A0907
060709

Analogous

090706
0A0907
090906

Triadic

0A0907
060908
080609

Split-Comp.

0A0907
060909
070609

Tetradic

0A0907
060907
060709
090609

Contrast Matrix WCAG 2.1 Contrast

0A0907
140002
FDDE72
160606
090806
—
1.0
Fail
15.0
AAA
1.0
Fail
1.0
Fail
1.0
Fail
—
15.4
AAA
1.0
Fail
1.0
Fail
15.0
AAA
15.4
AAA
—
14.9
AAA
15.1
AAA
1.0
Fail
1.0
Fail
14.9
AAA
—
1.0
Fail
1.0
Fail
1.0
Fail
15.1
AAA
1.0
Fail
—
White BG
19.9AAA
20.4AAA
1.3Fail
19.8AAA
20.0AAA
Black BG
1.1Fail
1.0Fail
15.9AAA
1.1Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

0A0A07
0B0B02
F0EF8C
0F0F06
090906

Deuteranopia

0A0A08
0D0E01
F1F492
101106
090907

Tritanopia

0A0808
130101
FBA1A5
150606
090707

Achromatopsia

090909
060606
DBDBDB
0B0B0B
080808

Shades & Tints Shades & Tints

#0A0907

Dark
Light

#140002

Dark
Light

#FDDE72

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0a0907;
  --color-2: #140002;
  --color-3: #fdde72;
  --color-4: #160606;
  --color-5: #090806;
}

SCSS

$color-1: #0a0907;
$color-2: #140002;
$color-3: #fdde72;
$color-4: #160606;
$color-5: #090806;

TAILWIND

colors: {
  'brand-1': '#0a0907',
  'brand-2': '#140002',
  'brand-3': '#fdde72',
  'brand-4': '#160606',
  'brand-5': '#090806',
}

RGB Array

[10, 9, 7], [20, 0, 2], [253, 222, 114], [22, 6, 6], [9, 8, 6]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0A0907, #140002, #FDDE72, #160606, #090806 is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #0a0907; --color-2: #140002; --color-3: #fdde72; --color-4: #160606; --color-5: #090806. 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 tech, SaaS, healthcare, eco industries. 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