← Back to Editor

#262523 · #990508 · #403333 · #C90002 · #454141

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 Library

Color Details Color Details

#262523

Ink Black · DarkSlateGray · Dark Stone

HEX
#262523
RGB
rgb(38, 37, 35)
HSL
hsl(40, 4%, 14%)
HSB
hsb(40, 8%, 15%)
CMYK
cmyk(0%, 3%, 8%, 85%)
Oklch
oklch(26.5% 0.004 84.6)

Traditional「Ink Black」· Paint「Dark Stone」· Creative Midnight Shadow

#990508

Vermilion · DarkRed · Wine Red

HEX
#990508
RGB
rgb(153, 5, 8)
HSL
hsl(359, 94%, 31%)
HSB
hsb(359, 97%, 60%)
CMYK
cmyk(0%, 97%, 95%, 40%)
Oklch
oklch(43.1% 0.174 28.3)

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

#403333

Crimson · DarkSlateGray · Wine Red

HEX
#403333
RGB
rgb(64, 51, 51)
HSL
hsl(0, 11%, 23%)
HSB
hsb(0, 20%, 25%)
CMYK
cmyk(0%, 20%, 20%, 75%)
Oklch
oklch(33.5% 0.019 18.1)

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

#C90002

Vermilion · FireBrick · Wine Red

HEX
#C90002
RGB
rgb(201, 0, 2)
HSL
hsl(359, 100%, 39%)
HSB
hsb(359, 100%, 79%)
CMYK
cmyk(0%, 100%, 99%, 21%)
Oklch
oklch(52.5% 0.215 29.0)

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

#454141

Dark Cyan · DarkSlateGray · Charcoal

HEX
#454141
RGB
rgb(69, 65, 65)
HSL
hsl(0, 3%, 26%)
HSB
hsb(0, 6%, 27%)
CMYK
cmyk(0%, 6%, 6%, 73%)
Oklch
oklch(37.9% 0.005 17.4)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

262523
222325

Analogous

252322
262523
252522

Triadic

262523
222524
242225

Split-Comp.

262523
222525
232225

Tetradic

262523
222523
222325
252225

Contrast Matrix WCAG 2.1 Contrast

262523
990508
403333
C90002
454141
—
1.7
Fail
1.3
Fail
2.5
Fail
1.5
Fail
1.7
Fail
—
1.4
Fail
1.5
Fail
1.1
Fail
1.3
Fail
1.4
Fail
—
2.0
Fail
1.2
Fail
2.5
Fail
1.5
Fail
2.0
Fail
—
1.7
Fail
1.5
Fail
1.1
Fail
1.2
Fail
1.7
Fail
—
White BG
15.3AAA
8.8AAA
12.1AAA
6.0AA
10.1AAA
Black BG
1.4Fail
2.4Fail
1.7Fail
3.5AA Large
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

262623
595807
3A3A33
727002
434341

Deuteranopia

262624
626D07
3B3C33
7E8D01
444441

Tritanopia

262424
920707
3F3333
BF0101
454141

Achromatopsia

252525
323232
373737
3C3C3C
424242

Shades & Tints Shades & Tints

#262523

Dark
Light

#990508

Dark
Light

#403333

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #262523;
  --color-2: #990508;
  --color-3: #403333;
  --color-4: #c90002;
  --color-5: #454141;
}

SCSS

$color-1: #262523;
$color-2: #990508;
$color-3: #403333;
$color-4: #c90002;
$color-5: #454141;

TAILWIND

colors: {
  'brand-1': '#262523',
  'brand-2': '#990508',
  'brand-3': '#403333',
  'brand-4': '#c90002',
  'brand-5': '#454141',
}

RGB Array

[38, 37, 35], [153, 5, 8], [64, 51, 51], [201, 0, 2], [69, 65, 65]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #262523, #990508, #403333, #C90002, #454141 is ideal for: tech websites, dark mode UIs, game UIs. 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: #262523; --color-2: #990508; --color-3: #403333; --color-4: #c90002; --color-5: #454141. 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. 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