← Back to Editor

#42352F · #FF3C26 · #BF7C39 · #91ABA8 · #ABC9C6

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

#42352F

Tangerine · DarkSlateGray · Cinnamon

HEX
#42352F
RGB
rgb(66, 53, 47)
HSL
hsl(19, 17%, 22%)
HSB
hsb(19, 29%, 26%)
CMYK
cmyk(0%, 20%, 29%, 74%)
Oklch
oklch(34.1% 0.021 46.2)

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

#FF3C26

Vermilion · OrangeRed · Passion Red

HEX
#FF3C26
RGB
rgb(255, 60, 38)
HSL
hsl(6, 100%, 57%)
HSB
hsb(6, 85%, 100%)
CMYK
cmyk(0%, 76%, 85%, 0%)
Oklch
oklch(65.4% 0.233 30.5)

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

#BF7C39

Ochre · Chocolate · Amber Brown

HEX
#BF7C39
RGB
rgb(191, 124, 57)
HSL
hsl(30, 54%, 49%)
HSB
hsb(30, 70%, 75%)
CMYK
cmyk(0%, 35%, 70%, 25%)
Oklch
oklch(64.4% 0.117 62.9)

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

#91ABA8

Jade · DarkGray · Lake Green

HEX
#91ABA8
RGB
rgb(145, 171, 168)
HSL
hsl(173, 13%, 62%)
HSB
hsb(173, 15%, 67%)
CMYK
cmyk(15%, 0%, 2%, 33%)
Oklch
oklch(72.1% 0.029 188.0)

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

#ABC9C6

Jade · Silver · Lake Green

HEX
#ABC9C6
RGB
rgb(171, 201, 198)
HSL
hsl(174, 22%, 73%)
HSB
hsb(174, 15%, 79%)
CMYK
cmyk(15%, 0%, 1%, 21%)
Oklch
oklch(81.3% 0.032 189.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

42352F
2F3C42

Analogous

422F32
42352F
423E2F

Triadic

42352F
2F4235
352F42

Split-Comp.

42352F
2F423E
2F3242

Tetradic

42352F
32422F
2F3C42
3E2F42

Contrast Matrix WCAG 2.1 Contrast

42352F
FF3C26
BF7C39
91ABA8
ABC9C6
—
3.3
AA Large
3.5
AA Large
4.8
AA
6.7
AA
3.3
AA Large
—
1.0
Fail
1.5
Fail
2.0
Fail
3.5
AA Large
1.0
Fail
—
1.4
Fail
1.9
Fail
4.8
AA
1.5
Fail
1.4
Fail
—
1.4
Fail
6.7
AA
2.0
Fail
1.9
Fail
1.4
Fail
—
White BG
11.8AAA
3.5AA Large
3.4AA Large
2.4Fail
1.8Fail
Black BG
1.8Fail
5.9AA
6.2AA
8.6AAA
11.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3C3C30
ABA92B
A2A149
9C9CA9
B8B8C7

Deuteranopia

3D3E31
B6C52D
A6AB4D
9B99A9
B6B4C7

Tritanopia

413232
F53030
BC5659
92A9A9
ADC7C7

Achromatopsia

383838
747474
888888
A3A3A3
C0C0C0

Shades & Tints Shades & Tints

#42352F

Dark
Light

#FF3C26

Dark
Light

#BF7C39

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #42352f;
  --color-2: #ff3c26;
  --color-3: #bf7c39;
  --color-4: #91aba8;
  --color-5: #abc9c6;
}

SCSS

$color-1: #42352f;
$color-2: #ff3c26;
$color-3: #bf7c39;
$color-4: #91aba8;
$color-5: #abc9c6;

TAILWIND

colors: {
  'brand-1': '#42352f',
  'brand-2': '#ff3c26',
  'brand-3': '#bf7c39',
  'brand-4': '#91aba8',
  'brand-5': '#abc9c6',
}

RGB Array

[66, 53, 47], [255, 60, 38], [191, 124, 57], [145, 171, 168], [171, 201, 198]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #42352F, #FF3C26, #BF7C39, #91ABA8, #ABC9C6 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: #42352f; --color-2: #ff3c26; --color-3: #bf7c39; --color-4: #91aba8; --color-5: #abc9c6. 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