← Back to Editor

#23001A · #574948 · #EA7125 · #FFBE4D · #9B90B9

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#23001A

Rose Purple · Black · Dark Purple

HEX
#23001A
RGB
rgb(35, 0, 26)
HSL
hsl(315, 100%, 7%)
HSB
hsb(315, 100%, 14%)
CMYK
cmyk(0%, 100%, 26%, 86%)
Oklch
oklch(17.3% 0.075 340.0)

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

#574948

Crimson · DarkSlateGray · Charcoal

HEX
#574948
RGB
rgb(87, 73, 72)
HSL
hsl(4, 9%, 31%)
HSB
hsb(4, 17%, 34%)
CMYK
cmyk(0%, 16%, 17%, 66%)
Oklch
oklch(41.9% 0.019 22.8)

Traditional「Crimson」· Paint「Charcoal」· Creative Midnight Shadow

#EA7125

Tangerine · Chocolate · Warm Sun

HEX
#EA7125
RGB
rgb(234, 113, 37)
HSL
hsl(23, 82%, 53%)
HSB
hsb(23, 84%, 92%)
CMYK
cmyk(0%, 52%, 84%, 8%)
Oklch
oklch(68.1% 0.171 47.7)

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

#FFBE4D

Ginger · SandyBrown · Warm Sun

HEX
#FFBE4D
RGB
rgb(255, 190, 77)
HSL
hsl(38, 100%, 65%)
HSB
hsb(38, 70%, 100%)
CMYK
cmyk(0%, 25%, 70%, 0%)
Oklch
oklch(84.2% 0.146 78.0)

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

#9B90B9

Wisteria · DarkGray · Cobalt Blue

HEX
#9B90B9
RGB
rgb(155, 144, 185)
HSL
hsl(256, 23%, 65%)
HSB
hsb(256, 22%, 73%)
CMYK
cmyk(16%, 22%, 0%, 27%)
Oklch
oklch(67.7% 0.061 297.0)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

23001A
002409

Analogous

1B0024
23001A
240009

Triadic

23001A
1B2400
001B24

Split-Comp.

23001A
092400
00241B

Tetradic

23001A
241B00
002409
000924

Contrast Matrix WCAG 2.1 Contrast

23001A
574948
EA7125
FFBE4D
9B90B9
—
2.3
Fail
6.3
AA
11.7
AAA
6.5
AA
2.3
Fail
—
2.8
Fail
5.2
AA
2.9
Fail
6.3
AA
2.8
Fail
—
1.8
Fail
1.0
Fail
11.7
AAA
5.2
AA
1.8
Fail
—
1.8
Fail
6.5
AA
2.9
Fail
1.0
Fail
1.8
Fail
—
White BG
19.3AAA
8.6AAA
3.0AA Large
1.7Fail
3.0Fail
Black BG
1.1Fail
2.5Fail
6.9AA
12.7AAA
7.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

141414
515148
B6B537
E3E268
9696AF

Deuteranopia

161912
525348
BDC63C
E7EC6F
9798AD

Tritanopia

210F0E
564848
E44649
FC7E83
9AA7A6

Achromatopsia

0D0D0D
4D4D4D
8D8D8D
C5C5C5
989898

Shades & Tints Shades & Tints

#23001A

Dark
Light

#574948

Dark
Light

#EA7125

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #23001a;
  --color-2: #574948;
  --color-3: #ea7125;
  --color-4: #ffbe4d;
  --color-5: #9b90b9;
}

SCSS

$color-1: #23001a;
$color-2: #574948;
$color-3: #ea7125;
$color-4: #ffbe4d;
$color-5: #9b90b9;

TAILWIND

colors: {
  'brand-1': '#23001a',
  'brand-2': '#574948',
  'brand-3': '#ea7125',
  'brand-4': '#ffbe4d',
  'brand-5': '#9b90b9',
}

RGB Array

[35, 0, 26], [87, 73, 72], [234, 113, 37], [255, 190, 77], [155, 144, 185]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #23001A, #574948, #EA7125, #FFBE4D, #9B90B9 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #23001a; --color-2: #574948; --color-3: #ea7125; --color-4: #ffbe4d; --color-5: #9b90b9. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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