← Back to Editor

#D86516 · #FF009B · #2E2424 · #BDB895 · #1C1C09

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

#D86516

Tangerine · Chocolate · Amber Brown

HEX
#D86516
RGB
rgb(216, 101, 22)
HSL
hsl(24, 82%, 47%)
HSB
hsb(24, 90%, 85%)
CMYK
cmyk(0%, 53%, 90%, 15%)
Oklch
oklch(63.7% 0.165 48.1)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#FF009B

Rose Purple · DeepPink · Camellia

HEX
#FF009B
RGB
rgb(255, 0, 155)
HSL
hsl(324, 100%, 50%)
HSB
hsb(324, 100%, 100%)
CMYK
cmyk(0%, 100%, 39%, 0%)
Oklch
oklch(65.4% 0.269 354.1)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#2E2424

Crimson · DarkSlateGray · Deep Berry

HEX
#2E2424
RGB
rgb(46, 36, 36)
HSL
hsl(0, 12%, 16%)
HSB
hsb(0, 22%, 18%)
CMYK
cmyk(0%, 22%, 22%, 82%)
Oklch
oklch(27.2% 0.015 18.1)

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

#BDB895

Fresh Green · Tan · Sunflower

HEX
#BDB895
RGB
rgb(189, 184, 149)
HSL
hsl(52, 23%, 66%)
HSB
hsb(52, 21%, 74%)
CMYK
cmyk(0%, 3%, 21%, 26%)
Oklch
oklch(77.8% 0.048 100.7)

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

#1C1C09

Autumn Sage · Black · Amber Gold

HEX
#1C1C09
RGB
rgb(28, 28, 9)
HSL
hsl(60, 51%, 7%)
HSB
hsb(60, 68%, 11%)
CMYK
cmyk(0%, 0%, 68%, 89%)
Oklch
oklch(22.1% 0.033 108.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D86516
168CDA

Analogous

DA1629
D86516
DAC616

Triadic

D86516
16DA64
6416DA

Split-Comp.

D86516
16DAC6
1629DA

Tetradic

D86516
29DA16
168CDA
C616DA

Contrast Matrix WCAG 2.1 Contrast

D86516
FF009B
2E2424
BDB895
1C1C09
—
1.0
Fail
4.2
AA Large
1.8
Fail
4.8
AA
1.0
Fail
—
4.1
AA Large
1.8
Fail
4.7
AA
4.2
AA Large
4.1
AA Large
—
7.5
AAA
1.1
Fail
1.8
Fail
1.8
Fail
7.5
AAA
—
8.6
AAA
4.8
AA
4.7
AA
1.1
Fail
8.6
AAA
—
White BG
3.6AA Large
3.7AA Large
15.1AAA
2.0Fail
17.2AAA
Black BG
5.8AA
5.7AA
1.4Fail
10.5AAA
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A6A529
918E75
2A2A24
BBBB9D
1C1C0E

Deuteranopia

ADB62E
9FB36D
2A2B24
BBBBA0
1C1C0F

Tritanopia

D2383C
F25851
2D2424
BDA4A6
1C1112

Achromatopsia

7E7E7E
5E5E5E
272727
B6B6B6
1A1A1A

Shades & Tints Shades & Tints

#D86516

Dark
Light

#FF009B

Dark
Light

#2E2424

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d86516;
  --color-2: #ff009b;
  --color-3: #2e2424;
  --color-4: #bdb895;
  --color-5: #1c1c09;
}

SCSS

$color-1: #d86516;
$color-2: #ff009b;
$color-3: #2e2424;
$color-4: #bdb895;
$color-5: #1c1c09;

TAILWIND

colors: {
  'brand-1': '#d86516',
  'brand-2': '#ff009b',
  'brand-3': '#2e2424',
  'brand-4': '#bdb895',
  'brand-5': '#1c1c09',
}

RGB Array

[216, 101, 22], [255, 0, 155], [46, 36, 36], [189, 184, 149], [28, 28, 9]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D86516, #FF009B, #2E2424, #BDB895, #1C1C09 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: #d86516; --color-2: #ff009b; --color-3: #2e2424; --color-4: #bdb895; --color-5: #1c1c09. 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