← Back to Editor

#90302C · #A23A36 · #B28766 · #593429 · #231410

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

#90302C

Crimson · Brown · Wine Red

HEX
#90302C
RGB
rgb(144, 48, 44)
HSL
hsl(2, 53%, 37%)
HSB
hsb(2, 69%, 56%)
CMYK
cmyk(0%, 67%, 69%, 44%)
Oklch
oklch(45.0% 0.131 26.1)

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

#A23A36

Crimson · Brown · Passion Red

HEX
#A23A36
RGB
rgb(162, 58, 54)
HSL
hsl(2, 50%, 42%)
HSB
hsb(2, 67%, 64%)
CMYK
cmyk(0%, 64%, 67%, 36%)
Oklch
oklch(49.5% 0.139 25.7)

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

#B28766

Tangerine · Gray · Warm Sun

HEX
#B28766
RGB
rgb(178, 135, 102)
HSL
hsl(26, 33%, 55%)
HSB
hsb(26, 43%, 70%)
CMYK
cmyk(0%, 24%, 43%, 30%)
Oklch
oklch(65.7% 0.070 58.7)

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

#593429

Crimson · DarkOliveGreen · Wine Red

HEX
#593429
RGB
rgb(89, 52, 41)
HSL
hsl(14, 37%, 25%)
HSB
hsb(14, 54%, 35%)
CMYK
cmyk(0%, 42%, 54%, 65%)
Oklch
oklch(36.8% 0.057 37.3)

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

#231410

Crimson · Black · Deep Berry

HEX
#231410
RGB
rgb(35, 20, 16)
HSL
hsl(13, 37%, 10%)
HSB
hsb(13, 54%, 14%)
CMYK
cmyk(0%, 43%, 54%, 86%)
Oklch
oklch(21.0% 0.026 35.6)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

90302C
2C8D90

Analogous

902C5B
90302C
90622C

Triadic

90302C
2C9030
302C90

Split-Comp.

90302C
2C9062
2C5B90

Tetradic

90302C
5B902C
2C8D90
622C90

Contrast Matrix WCAG 2.1 Contrast

90302C
A23A36
B28766
593429
231410
—
1.2
Fail
2.5
Fail
1.4
Fail
2.2
Fail
1.2
Fail
—
2.1
Fail
1.6
Fail
2.7
Fail
2.5
Fail
2.1
Fail
—
3.4
AA Large
5.6
AA
1.4
Fail
1.6
Fail
3.4
AA Large
—
1.7
Fail
2.2
Fail
2.7
Fail
5.6
AA
1.7
Fail
—
White BG
7.9AAA
6.6AA
3.2AA Large
10.8AAA
17.8AAA
Black BG
2.6Fail
3.2AA Large
6.6AA
1.9Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

66662D
757437
9F9F6E
49492C
1D1C11

Deuteranopia

6C732D
7B8337
A2A570
4B4E2C
1D1F11

Tritanopia

8B2E2E
9D3838
B07476
572E2E
221212

Achromatopsia

4C4C4C
595959
909090
3E3E3E
181818

Shades & Tints Shades & Tints

#90302C

Dark
Light

#A23A36

Dark
Light

#B28766

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #90302c;
  --color-2: #a23a36;
  --color-3: #b28766;
  --color-4: #593429;
  --color-5: #231410;
}

SCSS

$color-1: #90302c;
$color-2: #a23a36;
$color-3: #b28766;
$color-4: #593429;
$color-5: #231410;

TAILWIND

colors: {
  'brand-1': '#90302c',
  'brand-2': '#a23a36',
  'brand-3': '#b28766',
  'brand-4': '#593429',
  'brand-5': '#231410',
}

RGB Array

[144, 48, 44], [162, 58, 54], [178, 135, 102], [89, 52, 41], [35, 20, 16]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #90302C, #A23A36, #B28766, #593429, #231410 is ideal for: tech websites, dark mode UIs, game UIs, 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: #90302c; --color-2: #a23a36; --color-3: #b28766; --color-4: #593429; --color-5: #231410. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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