← Back to Editor

#F0946E · #BD7863 · #8B5B59 · #583E4F · #252145

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

#F0946E

Apricot · DarkSalmon · Warm Sun

HEX
#F0946E
RGB
rgb(240, 148, 110)
HSL
hsl(18, 81%, 69%)
HSB
hsb(18, 54%, 94%)
CMYK
cmyk(0%, 38%, 54%, 6%)
Oklch
oklch(75.3% 0.123 43.0)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#BD7863

Crimson · DarkSalmon · Passion Red

HEX
#BD7863
RGB
rgb(189, 120, 99)
HSL
hsl(14, 41%, 56%)
HSB
hsb(14, 48%, 74%)
CMYK
cmyk(0%, 37%, 48%, 26%)
Oklch
oklch(64.1% 0.093 37.7)

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

#8B5B59

Crimson · DimGray · Passion Red

HEX
#8B5B59
RGB
rgb(139, 91, 89)
HSL
hsl(2, 22%, 45%)
HSB
hsb(2, 36%, 55%)
CMYK
cmyk(0%, 35%, 36%, 45%)
Oklch
oklch(52.3% 0.064 22.1)

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

#583E4F

Rose Purple · DarkSlateGray · Camellia

HEX
#583E4F
RGB
rgb(88, 62, 79)
HSL
hsl(321, 17%, 29%)
HSB
hsb(321, 30%, 35%)
CMYK
cmyk(0%, 30%, 10%, 65%)
Oklch
oklch(39.9% 0.045 340.0)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#252145

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#252145
RGB
rgb(37, 33, 69)
HSL
hsl(247, 35%, 20%)
HSB
hsb(247, 52%, 27%)
CMYK
cmyk(46%, 52%, 0%, 73%)
Oklch
oklch(27.2% 0.065 286.3)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F0946E
70CAF0

Analogous

F0708A
F0946E
F0D670

Triadic

F0946E
70F096
9670F0

Split-Comp.

F0946E
70F0D6
708AF0

Tetradic

F0946E
8AF070
70CAF0
D670F0

Contrast Matrix WCAG 2.1 Contrast

F0946E
BD7863
8B5B59
583E4F
252145
—
1.5
Fail
2.5
Fail
4.1
AA Large
6.6
AA
1.5
Fail
—
1.6
Fail
2.7
Fail
4.4
AA Large
2.5
Fail
1.6
Fail
—
1.7
Fail
2.7
Fail
4.1
AA Large
2.7
Fail
1.7
Fail
—
1.6
Fail
6.6
AA
4.4
AA Large
2.7
Fail
1.6
Fail
—
White BG
2.3Fail
3.5AA Large
5.6AA
9.5AAA
15.2AAA
Black BG
9.2AAA
6.0AA
3.7AA Large
2.2Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C777
9F9F68
767659
4D4D4B
23233C

Deuteranopia

CED479
A3A869
797D5A
4E504A
24243A

Tritanopia

EB7E80
BA6C6D
895A5A
574847
253534

Achromatopsia

ABABAB
8A8A8A
696969
484848
262626

Shades & Tints Shades & Tints

#F0946E

Dark
Light

#BD7863

Dark
Light

#8B5B59

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f0946e;
  --color-2: #bd7863;
  --color-3: #8b5b59;
  --color-4: #583e4f;
  --color-5: #252145;
}

SCSS

$color-1: #f0946e;
$color-2: #bd7863;
$color-3: #8b5b59;
$color-4: #583e4f;
$color-5: #252145;

TAILWIND

colors: {
  'brand-1': '#f0946e',
  'brand-2': '#bd7863',
  'brand-3': '#8b5b59',
  'brand-4': '#583e4f',
  'brand-5': '#252145',
}

RGB Array

[240, 148, 110], [189, 120, 99], [139, 91, 89], [88, 62, 79], [37, 33, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F0946E, #BD7863, #8B5B59, #583E4F, #252145 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: #f0946e; --color-2: #bd7863; --color-3: #8b5b59; --color-4: #583e4f; --color-5: #252145. 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