← Back to Editor

#F7594A · #C46C4F · #916749 · #5E5342 · #2B2A27

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

#F7594A

Peach Pink · Tomato · Coral Red

HEX
#F7594A
RGB
rgb(247, 89, 74)
HSL
hsl(5, 92%, 63%)
HSB
hsb(5, 70%, 97%)
CMYK
cmyk(0%, 64%, 70%, 3%)
Oklch
oklch(67.2% 0.196 28.7)

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

#C46C4F

Tangerine · Chocolate · Warm Sun

HEX
#C46C4F
RGB
rgb(196, 108, 79)
HSL
hsl(15, 50%, 54%)
HSB
hsb(15, 60%, 77%)
CMYK
cmyk(0%, 45%, 60%, 23%)
Oklch
oklch(62.5% 0.120 38.9)

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

#916749

Tangerine · Sienna · Amber Brown

HEX
#916749
RGB
rgb(145, 103, 73)
HSL
hsl(25, 33%, 43%)
HSB
hsb(25, 50%, 57%)
CMYK
cmyk(0%, 29%, 50%, 43%)
Oklch
oklch(55.0% 0.069 56.3)

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

#5E5342

Ochre · DarkOliveGreen · Amber Brown

HEX
#5E5342
RGB
rgb(94, 83, 66)
HSL
hsl(36, 18%, 31%)
HSB
hsb(36, 30%, 37%)
CMYK
cmyk(0%, 12%, 30%, 63%)
Oklch
oklch(44.8% 0.030 78.6)

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

#2B2A27

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#2B2A27
RGB
rgb(43, 42, 39)
HSL
hsl(45, 5%, 16%)
HSB
hsb(45, 9%, 17%)
CMYK
cmyk(0%, 2%, 9%, 83%)
Oklch
oklch(28.5% 0.006 91.6)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F7594A
4AE9F7

Analogous

F74A92
F7594A
F7AF4A

Triadic

F7594A
4AF758
584AF7

Split-Comp.

F7594A
4AF7AF
4A92F7

Tetradic

F7594A
92F74A
4AE9F7
AF4AF7

Contrast Matrix WCAG 2.1 Contrast

F7594A
C46C4F
916749
5E5342
2B2A27
—
1.2
Fail
1.5
Fail
2.3
Fail
4.4
AA Large
1.2
Fail
—
1.3
Fail
2.0
Fail
3.8
AA Large
1.5
Fail
1.3
Fail
—
1.5
Fail
2.9
Fail
2.3
Fail
2.0
Fail
1.5
Fail
—
1.9
Fail
4.4
AA Large
3.8
AA Large
2.9
Fail
1.9
Fail
—
White BG
3.2AA Large
3.7AA Large
5.0AA
7.5AAA
14.4AAA
Black BG
6.5AA
5.6AA
4.2AA Large
2.8Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B3B14E
9E9D56
7F7E50
595946
2B2B28

Deuteranopia

BCC84F
A3AA58
818452
5A5B47
2B2B28

Tritanopia

EF5051
C05C5D
8F5657
5D494A
2B2828

Achromatopsia

878787
838383
707070
545454
2A2A2A

Shades & Tints Shades & Tints

#F7594A

Dark
Light

#C46C4F

Dark
Light

#916749

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f7594a;
  --color-2: #c46c4f;
  --color-3: #916749;
  --color-4: #5e5342;
  --color-5: #2b2a27;
}

SCSS

$color-1: #f7594a;
$color-2: #c46c4f;
$color-3: #916749;
$color-4: #5e5342;
$color-5: #2b2a27;

TAILWIND

colors: {
  'brand-1': '#f7594a',
  'brand-2': '#c46c4f',
  'brand-3': '#916749',
  'brand-4': '#5e5342',
  'brand-5': '#2b2a27',
}

RGB Array

[247, 89, 74], [196, 108, 79], [145, 103, 73], [94, 83, 66], [43, 42, 39]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F7594A, #C46C4F, #916749, #5E5342, #2B2A27 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: #f7594a; --color-2: #c46c4f; --color-3: #916749; --color-4: #5e5342; --color-5: #2b2a27. 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