← Back to Editor

#0B0A13 · #695F0B · #CE9B3E · #DBA54E · #5EB4B3

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#0B0A13

Deep Indigo · Black · Deep Sea Blue

HEX
#0B0A13
RGB
rgb(11, 10, 19)
HSL
hsl(247, 31%, 6%)
HSB
hsb(247, 47%, 7%)
CMYK
cmyk(42%, 47%, 0%, 93%)
Oklch
oklch(15.1% 0.019 289.0)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#695F0B

Autumn Sage · Olive · Amber Gold

HEX
#695F0B
RGB
rgb(105, 95, 11)
HSL
hsl(54, 81%, 23%)
HSB
hsb(54, 90%, 41%)
CMYK
cmyk(0%, 10%, 90%, 59%)
Oklch
oklch(48.0% 0.096 101.8)

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

#CE9B3E

Ginger · GoldenRod · Warm Sun

HEX
#CE9B3E
RGB
rgb(206, 155, 62)
HSL
hsl(39, 60%, 53%)
HSB
hsb(39, 70%, 81%)
CMYK
cmyk(0%, 25%, 70%, 19%)
Oklch
oklch(72.1% 0.124 79.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#DBA54E

Ginger · SandyBrown · Warm Sun

HEX
#DBA54E
RGB
rgb(219, 165, 78)
HSL
hsl(37, 66%, 58%)
HSB
hsb(37, 64%, 86%)
CMYK
cmyk(0%, 25%, 64%, 14%)
Oklch
oklch(75.6% 0.122 76.9)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#5EB4B3

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#5EB4B3
RGB
rgb(94, 180, 179)
HSL
hsl(179, 36%, 54%)
HSB
hsb(179, 48%, 71%)
CMYK
cmyk(48%, 0%, 1%, 29%)
Oklch
oklch(71.6% 0.083 194.5)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0B0A13
13140B

Analogous

0B0E14
0B0A13
100B14

Triadic

0B0A13
140C0B
0B140C

Split-Comp.

0B0A13
14100B
0E140B

Tetradic

0B0A13
140B0E
13140B
0B1410

Contrast Matrix WCAG 2.1 Contrast

0B0A13
695F0B
CE9B3E
DBA54E
5EB4B3
—
3.0
AA Large
7.9
AAA
8.9
AAA
8.1
AAA
3.0
AA Large
—
2.6
Fail
2.9
Fail
2.7
Fail
7.9
AAA
2.6
Fail
—
1.1
Fail
1.0
Fail
8.9
AAA
2.9
Fail
1.1
Fail
—
1.1
Fail
8.1
AAA
2.7
Fail
1.0
Fail
1.1
Fail
—
White BG
19.7AAA
6.5AA
2.5Fail
2.2Fail
2.4Fail
Black BG
1.1Fail
3.2AA Large
8.4AAA
9.5AAA
8.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

0B0B11
65651F
B8B755
C4C363
8384B3

Deuteranopia

0B0B10
656624
BBBF5A
C7CB68
7E78B3

Tritanopia

0B0F0F
692F33
CB666A
D87477
62B3B3

Achromatopsia

0B0B0B
585858
A0A0A0
ABABAB
9A9A9A

Shades & Tints Shades & Tints

#0B0A13

Dark
Light

#695F0B

Dark
Light

#CE9B3E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0b0a13;
  --color-2: #695f0b;
  --color-3: #ce9b3e;
  --color-4: #dba54e;
  --color-5: #5eb4b3;
}

SCSS

$color-1: #0b0a13;
$color-2: #695f0b;
$color-3: #ce9b3e;
$color-4: #dba54e;
$color-5: #5eb4b3;

TAILWIND

colors: {
  'brand-1': '#0b0a13',
  'brand-2': '#695f0b',
  'brand-3': '#ce9b3e',
  'brand-4': '#dba54e',
  'brand-5': '#5eb4b3',
}

RGB Array

[11, 10, 19], [105, 95, 11], [206, 155, 62], [219, 165, 78], [94, 180, 179]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0B0A13, #695F0B, #CE9B3E, #DBA54E, #5EB4B3 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: #0b0a13; --color-2: #695f0b; --color-3: #ce9b3e; --color-4: #dba54e; --color-5: #5eb4b3. 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