← Back to Editor

#37262E · #F09382 · #F2BE97 · #B51541 · #151434

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

#37262E

Dark Violet · DarkSlateGray · Raspberry

HEX
#37262E
RGB
rgb(55, 38, 46)
HSL
hsl(332, 18%, 18%)
HSB
hsb(332, 31%, 22%)
CMYK
cmyk(0%, 31%, 16%, 78%)
Oklch
oklch(29.2% 0.029 349.2)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#F09382

Peach Pink · DarkSalmon · Coral Red

HEX
#F09382
RGB
rgb(240, 147, 130)
HSL
hsl(9, 79%, 73%)
HSB
hsb(9, 46%, 94%)
CMYK
cmyk(0%, 39%, 46%, 6%)
Oklch
oklch(75.6% 0.116 31.1)

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

#F2BE97

Apricot · BurlyWood · Peach Orange

HEX
#F2BE97
RGB
rgb(242, 190, 151)
HSL
hsl(26, 78%, 77%)
HSB
hsb(26, 38%, 95%)
CMYK
cmyk(0%, 21%, 38%, 5%)
Oklch
oklch(83.9% 0.079 58.3)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#B51541

Dark Violet · FireBrick · Camellia

HEX
#B51541
RGB
rgb(181, 21, 65)
HSL
hsl(344, 79%, 40%)
HSB
hsb(344, 88%, 71%)
CMYK
cmyk(0%, 88%, 64%, 29%)
Oklch
oklch(50.0% 0.189 14.0)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#151434

Deep Indigo · Black · Deep Sea Blue

HEX
#151434
RGB
rgb(21, 20, 52)
HSL
hsl(242, 44%, 14%)
HSB
hsb(242, 62%, 20%)
CMYK
cmyk(60%, 62%, 0%, 80%)
Oklch
oklch(21.3% 0.061 281.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

37262E
26362E

Analogous

362636
37262E
362626

Triadic

37262E
2D3626
262D36

Split-Comp.

37262E
263626
263636

Tetradic

37262E
363626
26362E
262636

Contrast Matrix WCAG 2.1 Contrast

37262E
F09382
F2BE97
B51541
151434
—
6.2
AA
8.5
AAA
2.1
Fail
1.3
Fail
6.2
AA
—
1.4
Fail
2.9
Fail
7.8
AAA
8.5
AAA
1.4
Fail
—
4.0
AA Large
10.7
AAA
2.1
Fail
2.9
Fail
4.0
AA Large
—
2.7
Fail
1.3
Fail
7.8
AAA
10.7
AAA
2.7
Fail
—
White BG
14.2AAA
2.3Fail
1.7Fail
6.7AA
17.8AAA
Black BG
1.5Fail
9.2AAA
12.6AAA
3.1AA Large
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

302F2C
C8C786
DBDBA0
706E36
15152C

Deuteranopia

31322C
CDD487
DFE2A3
798534
15152A

Tritanopia

362B2A
EB898A
EFA8AA
AD2E2C
152625

Achromatopsia

2C2C2C
ADADAD
C9C9C9
4A4A4A
181818

Shades & Tints Shades & Tints

#37262E

Dark
Light

#F09382

Dark
Light

#F2BE97

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #37262e;
  --color-2: #f09382;
  --color-3: #f2be97;
  --color-4: #b51541;
  --color-5: #151434;
}

SCSS

$color-1: #37262e;
$color-2: #f09382;
$color-3: #f2be97;
$color-4: #b51541;
$color-5: #151434;

TAILWIND

colors: {
  'brand-1': '#37262e',
  'brand-2': '#f09382',
  'brand-3': '#f2be97',
  'brand-4': '#b51541',
  'brand-5': '#151434',
}

RGB Array

[55, 38, 46], [240, 147, 130], [242, 190, 151], [181, 21, 65], [21, 20, 52]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #37262E, #F09382, #F2BE97, #B51541, #151434 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: #37262e; --color-2: #f09382; --color-3: #f2be97; --color-4: #b51541; --color-5: #151434. 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