← Back to Editor

#3B332D · #E66464 · #E67A7A · #E69393 · #9C8779

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

#3B332D

Tangerine · DarkSlateGray · Cinnamon

HEX
#3B332D
RGB
rgb(59, 51, 45)
HSL
hsl(26, 13%, 20%)
HSB
hsb(26, 24%, 23%)
CMYK
cmyk(0%, 14%, 24%, 77%)
Oklch
oklch(32.8% 0.015 59.1)

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

#E66464

Peach Pink · Salmon · Coral Red

HEX
#E66464
RGB
rgb(230, 100, 100)
HSL
hsl(0, 72%, 65%)
HSB
hsb(0, 57%, 90%)
CMYK
cmyk(0%, 57%, 57%, 10%)
Oklch
oklch(66.5% 0.162 22.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#E67A7A

Peach Pink · LightCoral · Coral Red

HEX
#E67A7A
RGB
rgb(230, 122, 122)
HSL
hsl(0, 68%, 69%)
HSB
hsb(0, 47%, 90%)
CMYK
cmyk(0%, 47%, 47%, 10%)
Oklch
oklch(70.1% 0.134 21.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#E69393

Peach Pink · DarkSalmon · Coral Red

HEX
#E69393
RGB
rgb(230, 147, 147)
HSL
hsl(0, 62%, 74%)
HSB
hsb(0, 36%, 90%)
CMYK
cmyk(0%, 36%, 36%, 10%)
Oklch
oklch(74.8% 0.101 19.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#9C8779

Tangerine · Gray · Warm Sun

HEX
#9C8779
RGB
rgb(156, 135, 121)
HSL
hsl(24, 15%, 54%)
HSB
hsb(24, 22%, 61%)
CMYK
cmyk(0%, 13%, 22%, 39%)
Oklch
oklch(63.9% 0.033 55.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3B332D
2C343A

Analogous

3A2C2D
3B332D
3A392C

Triadic

3B332D
2C3A32
322C3A

Split-Comp.

3B332D
2C3A39
2C2D3A

Tetradic

3B332D
2D3A2C
2C343A
392C3A

Contrast Matrix WCAG 2.1 Contrast

3B332D
E66464
E67A7A
E69393
9C8779
—
3.8
AA Large
4.4
AA Large
5.3
AA
3.6
AA Large
3.8
AA Large
—
1.2
Fail
1.4
Fail
1.0
Fail
4.4
AA Large
1.2
Fail
—
1.2
Fail
1.2
Fail
5.3
AA
1.4
Fail
1.2
Fail
—
1.5
Fail
3.6
AA Large
1.0
Fail
1.2
Fail
1.5
Fail
—
White BG
12.4AAA
3.3AA Large
2.8Fail
2.3Fail
3.4AA Large
Black BG
1.7Fail
6.4AA
7.4AAA
9.0AAA
6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

38372E
AEAD64
B7B67A
C2C193
93937C

Deuteranopia

38392F
B5BF64
BEC67A
C7CD93
94967D

Tritanopia

3B3030
E06464
E17A7A
E29393
9B7F80

Achromatopsia

353535
8B8B8B
9A9A9A
ACACAC
8C8C8C

Shades & Tints Shades & Tints

#3B332D

Dark
Light

#E66464

Dark
Light

#E67A7A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3b332d;
  --color-2: #e66464;
  --color-3: #e67a7a;
  --color-4: #e69393;
  --color-5: #9c8779;
}

SCSS

$color-1: #3b332d;
$color-2: #e66464;
$color-3: #e67a7a;
$color-4: #e69393;
$color-5: #9c8779;

TAILWIND

colors: {
  'brand-1': '#3b332d',
  'brand-2': '#e66464',
  'brand-3': '#e67a7a',
  'brand-4': '#e69393',
  'brand-5': '#9c8779',
}

RGB Array

[59, 51, 45], [230, 100, 100], [230, 122, 122], [230, 147, 147], [156, 135, 121]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3B332D, #E66464, #E67A7A, #E69393, #9C8779 is ideal for: 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: #3b332d; --color-2: #e66464; --color-3: #e67a7a; --color-4: #e69393; --color-5: #9c8779. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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