← Back to Editor

#992623 · #C8BD90 · #2A1E10 · #305559 · #88964B

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

#992623

Vermilion · Brown · Wine Red

HEX
#992623
RGB
rgb(153, 38, 35)
HSL
hsl(2, 63%, 37%)
HSB
hsb(2, 77%, 60%)
CMYK
cmyk(0%, 75%, 77%, 40%)
Oklch
oklch(45.4% 0.152 26.8)

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

#C8BD90

Ginger · Tan · Sunflower

HEX
#C8BD90
RGB
rgb(200, 189, 144)
HSL
hsl(48, 34%, 67%)
HSB
hsb(48, 28%, 78%)
CMYK
cmyk(0%, 5%, 28%, 22%)
Oklch
oklch(79.6% 0.061 96.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#2A1E10

Ochre · Black · Cinnamon

HEX
#2A1E10
RGB
rgb(42, 30, 16)
HSL
hsl(32, 45%, 11%)
HSB
hsb(32, 62%, 16%)
CMYK
cmyk(0%, 29%, 62%, 84%)
Oklch
oklch(24.6% 0.030 69.9)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#305559

Slate Blue · DarkSlateGray · Mint Ice

HEX
#305559
RGB
rgb(48, 85, 89)
HSL
hsl(186, 30%, 27%)
HSB
hsb(186, 46%, 35%)
CMYK
cmyk(46%, 4%, 0%, 65%)
Oklch
oklch(42.4% 0.043 204.6)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#88964B

Grass Green · Gray · Olive Green

HEX
#88964B
RGB
rgb(136, 150, 75)
HSL
hsl(71, 33%, 44%)
HSB
hsb(71, 50%, 59%)
CMYK
cmyk(9%, 0%, 50%, 41%)
Oklch
oklch(64.5% 0.101 118.1)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

992623
23969A

Analogous

9A235A
992623
9A6223

Triadic

992623
239A27
27239A

Split-Comp.

992623
239A62
235A9A

Tetradic

992623
5A9A23
23969A
62239A

Contrast Matrix WCAG 2.1 Contrast

992623
C8BD90
2A1E10
305559
88964B
—
4.2
AA Large
2.1
Fail
1.0
Fail
2.5
Fail
4.2
AA Large
—
8.6
AAA
4.3
AA Large
1.7
Fail
2.1
Fail
8.6
AAA
—
2.0
Fail
5.0
AA
1.0
Fail
4.3
AA Large
2.0
Fail
—
2.5
Fail
2.5
Fail
1.7
Fail
5.0
AA
2.5
Fail
—
White BG
7.9AAA
1.9Fail
16.3AAA
8.2AAA
3.2AA Large
Black BG
2.7Fail
11.1AAA
1.3Fail
2.6Fail
6.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

676624
C3C39B
252513
404058
8E8E5D

Deuteranopia

6E7724
C4C59E
262614
3E3B58
8D8C62

Tritanopia

932424
C7A3A5
291617
325757
896B6F

Achromatopsia

484848
BBBBBB
202020
4A4A4A
898989

Shades & Tints Shades & Tints

#992623

Dark
Light

#C8BD90

Dark
Light

#2A1E10

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #992623;
  --color-2: #c8bd90;
  --color-3: #2a1e10;
  --color-4: #305559;
  --color-5: #88964b;
}

SCSS

$color-1: #992623;
$color-2: #c8bd90;
$color-3: #2a1e10;
$color-4: #305559;
$color-5: #88964b;

TAILWIND

colors: {
  'brand-1': '#992623',
  'brand-2': '#c8bd90',
  'brand-3': '#2a1e10',
  'brand-4': '#305559',
  'brand-5': '#88964b',
}

RGB Array

[153, 38, 35], [200, 189, 144], [42, 30, 16], [48, 85, 89], [136, 150, 75]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #992623, #C8BD90, #2A1E10, #305559, #88964B 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: #992623; --color-2: #c8bd90; --color-3: #2a1e10; --color-4: #305559; --color-5: #88964b. 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