← Back to Editor

#FF6B2C · #D15D2C · #915845 · #5E4E45 · #1A1E33

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

#FF6B2C

Tangerine · Tomato · Warm Sun

HEX
#FF6B2C
RGB
rgb(255, 107, 44)
HSL
hsl(18, 100%, 59%)
HSB
hsb(18, 83%, 100%)
CMYK
cmyk(0%, 58%, 83%, 0%)
Oklch
oklch(70.4% 0.195 40.9)

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

#D15D2C

Tangerine · Chocolate · Amber Brown

HEX
#D15D2C
RGB
rgb(209, 93, 44)
HSL
hsl(18, 65%, 50%)
HSB
hsb(18, 79%, 82%)
CMYK
cmyk(0%, 56%, 79%, 18%)
Oklch
oklch(61.6% 0.159 41.5)

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

#915845

Tangerine · Sienna · Amber Brown

HEX
#915845
RGB
rgb(145, 88, 69)
HSL
hsl(15, 36%, 42%)
HSB
hsb(15, 52%, 57%)
CMYK
cmyk(0%, 39%, 52%, 43%)
Oklch
oklch(52.0% 0.081 39.2)

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

#5E4E45

Tangerine · DarkOliveGreen · Amber Brown

HEX
#5E4E45
RGB
rgb(94, 78, 69)
HSL
hsl(22, 15%, 32%)
HSB
hsb(22, 27%, 37%)
CMYK
cmyk(0%, 17%, 27%, 63%)
Oklch
oklch(43.7% 0.026 51.1)

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

#1A1E33

Indigo · DarkSlateGray · Deep Sea Blue

HEX
#1A1E33
RGB
rgb(26, 30, 51)
HSL
hsl(230, 32%, 15%)
HSB
hsb(230, 49%, 20%)
CMYK
cmyk(49%, 41%, 0%, 80%)
Oklch
oklch(24.2% 0.041 274.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF6B2C
2EC0FF

Analogous

FF2E58
FF6B2C
FFD52E

Triadic

FF6B2C
2EFF6D
6D2EFF

Split-Comp.

FF6B2C
2EFFD5
2E58FF

Tetradic

FF6B2C
58FF2E
2EC0FF
D52EFF

Contrast Matrix WCAG 2.1 Contrast

FF6B2C
D15D2C
915845
5E4E45
1A1E33
—
1.4
Fail
2.0
Fail
2.8
Fail
5.8
AA
1.4
Fail
—
1.4
Fail
2.0
Fail
4.2
AA Large
2.0
Fail
1.4
Fail
—
1.4
Fail
2.9
Fail
2.8
Fail
2.0
Fail
1.4
Fail
—
2.1
Fail
5.8
AA
4.2
AA Large
2.9
Fail
2.1
Fail
—
White BG
2.8Fail
4.0AA Large
5.7AA
7.9AAA
16.4AAA
Black BG
7.4AAA
5.3AA
3.7AA Large
2.7Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BFBE3B
9F9E38
78784A
575747
1C1C2E

Deuteranopia

C8D33F
A6AE3B
7C804B
585948
1C1B2D

Tritanopia

F8474A
CB4143
8E4D4E
5D4949
1A2A29

Achromatopsia

909090
7A7A7A
676767
525252
1F1F1F

Shades & Tints Shades & Tints

#FF6B2C

Dark
Light

#D15D2C

Dark
Light

#915845

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff6b2c;
  --color-2: #d15d2c;
  --color-3: #915845;
  --color-4: #5e4e45;
  --color-5: #1a1e33;
}

SCSS

$color-1: #ff6b2c;
$color-2: #d15d2c;
$color-3: #915845;
$color-4: #5e4e45;
$color-5: #1a1e33;

TAILWIND

colors: {
  'brand-1': '#ff6b2c',
  'brand-2': '#d15d2c',
  'brand-3': '#915845',
  'brand-4': '#5e4e45',
  'brand-5': '#1a1e33',
}

RGB Array

[255, 107, 44], [209, 93, 44], [145, 88, 69], [94, 78, 69], [26, 30, 51]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF6B2C, #D15D2C, #915845, #5E4E45, #1A1E33 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: #ff6b2c; --color-2: #d15d2c; --color-3: #915845; --color-4: #5e4e45; --color-5: #1a1e33. 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