← Back to Editor

#3B332F · #090A0A · #914F2F · #B5511F · #E65005

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

#3B332F

Tangerine · DarkSlateGray · Cinnamon

HEX
#3B332F
RGB
rgb(59, 51, 47)
HSL
hsl(20, 11%, 21%)
HSB
hsb(20, 20%, 23%)
CMYK
cmyk(0%, 14%, 20%, 77%)
Oklch
oklch(32.8% 0.013 48.3)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#090A0A

Ink Black · Black · Jet Black

HEX
#090A0A
RGB
rgb(9, 10, 10)
HSL
hsl(180, 5%, 4%)
HSB
hsb(180, 10%, 4%)
CMYK
cmyk(10%, 0%, 0%, 96%)
Oklch
oklch(14.4% 0.002 197.0)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#914F2F

Tangerine · Sienna · Amber Brown

HEX
#914F2F
RGB
rgb(145, 79, 47)
HSL
hsl(20, 51%, 38%)
HSB
hsb(20, 68%, 57%)
CMYK
cmyk(0%, 46%, 68%, 43%)
Oklch
oklch(50.0% 0.100 45.5)

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

#B5511F

Tangerine · Sienna · Amber Brown

HEX
#B5511F
RGB
rgb(181, 81, 31)
HSL
hsl(20, 71%, 42%)
HSB
hsb(20, 83%, 71%)
CMYK
cmyk(0%, 55%, 83%, 29%)
Oklch
oklch(55.5% 0.144 43.9)

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

#E65005

Tangerine · OrangeRed · Amber Brown

HEX
#E65005
RGB
rgb(230, 80, 5)
HSL
hsl(20, 96%, 46%)
HSB
hsb(20, 98%, 90%)
CMYK
cmyk(0%, 65%, 98%, 10%)
Oklch
oklch(63.0% 0.197 39.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3B332F
30383B

Analogous

3B3032
3B332F
3B3930

Triadic

3B332F
303B34
34303B

Split-Comp.

3B332F
303B39
30323B

Tetradic

3B332F
323B30
30383B
39303B

Contrast Matrix WCAG 2.1 Contrast

3B332F
090A0A
914F2F
B5511F
E65005
—
1.6
Fail
2.0
Fail
2.4
Fail
3.2
AA Large
1.6
Fail
—
3.2
AA Large
3.9
AA Large
5.2
AA
2.0
Fail
3.2
AA Large
—
1.2
Fail
1.6
Fail
2.4
Fail
3.9
AA Large
1.2
Fail
—
1.3
Fail
3.2
AA Large
5.2
AA
1.6
Fail
1.3
Fail
—
White BG
12.3AAA
19.8AAA
6.2AA
5.0AA
3.8AA Large
Black BG
1.7Fail
1.1Fail
3.4AA Large
4.2AA Large
5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

383730
09090A
747437
8A892B
A5A417

Deuteranopia

383930
09090A
787D39
90972E
AEB91C

Tritanopia

3B3131
090A0A
8E3D3E
B03537
DF2529

Achromatopsia

353535
0A0A0A
5F5F5F
696969
747474

Shades & Tints Shades & Tints

#3B332F

Dark
Light

#090A0A

Dark
Light

#914F2F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3b332f;
  --color-2: #090a0a;
  --color-3: #914f2f;
  --color-4: #b5511f;
  --color-5: #e65005;
}

SCSS

$color-1: #3b332f;
$color-2: #090a0a;
$color-3: #914f2f;
$color-4: #b5511f;
$color-5: #e65005;

TAILWIND

colors: {
  'brand-1': '#3b332f',
  'brand-2': '#090a0a',
  'brand-3': '#914f2f',
  'brand-4': '#b5511f',
  'brand-5': '#e65005',
}

RGB Array

[59, 51, 47], [9, 10, 10], [145, 79, 47], [181, 81, 31], [230, 80, 5]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3B332F, #090A0A, #914F2F, #B5511F, #E65005 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: #3b332f; --color-2: #090a0a; --color-3: #914f2f; --color-4: #b5511f; --color-5: #e65005. 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