← Back to Editor

#332C26 · #DB1414 · #E8591C · #7FB8B0 · #C5E65C

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

#332C26

Tangerine · DarkSlateGray · Cinnamon

HEX
#332C26
RGB
rgb(51, 44, 38)
HSL
hsl(28, 15%, 17%)
HSB
hsb(28, 25%, 20%)
CMYK
cmyk(0%, 14%, 25%, 80%)
Oklch
oklch(29.9% 0.015 62.8)

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

#DB1414

Vermilion · Crimson · Passion Red

HEX
#DB1414
RGB
rgb(219, 20, 20)
HSL
hsl(0, 83%, 47%)
HSB
hsb(0, 91%, 86%)
CMYK
cmyk(0%, 91%, 91%, 14%)
Oklch
oklch(56.5% 0.224 28.5)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#E8591C

Tangerine · Chocolate · Warm Sun

HEX
#E8591C
RGB
rgb(232, 89, 28)
HSL
hsl(18, 82%, 51%)
HSB
hsb(18, 88%, 91%)
CMYK
cmyk(0%, 62%, 88%, 9%)
Oklch
oklch(64.5% 0.190 40.0)

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

#7FB8B0

Jade · MediumAquaMarine · Lake Green

HEX
#7FB8B0
RGB
rgb(127, 184, 176)
HSL
hsl(172, 29%, 61%)
HSB
hsb(172, 31%, 72%)
CMYK
cmyk(31%, 0%, 4%, 28%)
Oklch
oklch(74.1% 0.060 185.1)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#C5E65C

Willow Green · GreenYellow · Apple Green

HEX
#C5E65C
RGB
rgb(197, 230, 92)
HSL
hsl(74, 73%, 63%)
HSB
hsb(74, 60%, 90%)
CMYK
cmyk(14%, 0%, 60%, 10%)
Oklch
oklch(87.4% 0.167 121.3)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

332C26
252C32

Analogous

322525
332C26
323125

Triadic

332C26
25322B
2B2532

Split-Comp.

332C26
253231
252532

Tetradic

332C26
253225
252C32
312532

Contrast Matrix WCAG 2.1 Contrast

332C26
DB1414
E8591C
7FB8B0
C5E65C
—
2.7
Fail
3.8
AA Large
6.1
AA
9.7
AAA
2.7
Fail
—
1.4
Fail
2.3
Fail
3.6
AA Large
3.8
AA Large
1.4
Fail
—
1.6
Fail
2.5
Fail
6.1
AA
2.3
Fail
1.6
Fail
—
1.6
Fail
9.7
AAA
3.6
AA Large
2.5
Fail
1.6
Fail
—
White BG
13.7AAA
5.1AA
3.6AA Large
2.2Fail
1.4Fail
Black BG
1.5Fail
4.1AA Large
5.9AA
9.4AAA
14.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

303027
858314
AAA92B
9898B2
D3D47D

Deuteranopia

303128
909F14
B2BD2E
9490B2
D1CF85

Tritanopia

332929
D11414
E13639
82B3B4
C7989E

Achromatopsia

2D2D2D
505050
7D7D7D
A6A6A6
CCCCCC

Shades & Tints Shades & Tints

#332C26

Dark
Light

#DB1414

Dark
Light

#E8591C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #332c26;
  --color-2: #db1414;
  --color-3: #e8591c;
  --color-4: #7fb8b0;
  --color-5: #c5e65c;
}

SCSS

$color-1: #332c26;
$color-2: #db1414;
$color-3: #e8591c;
$color-4: #7fb8b0;
$color-5: #c5e65c;

TAILWIND

colors: {
  'brand-1': '#332c26',
  'brand-2': '#db1414',
  'brand-3': '#e8591c',
  'brand-4': '#7fb8b0',
  'brand-5': '#c5e65c',
}

RGB Array

[51, 44, 38], [219, 20, 20], [232, 89, 28], [127, 184, 176], [197, 230, 92]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #332C26, #DB1414, #E8591C, #7FB8B0, #C5E65C 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: #332c26; --color-2: #db1414; --color-3: #e8591c; --color-4: #7fb8b0; --color-5: #c5e65c. 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