#121631 + #CC4629 + #D11B1A + #6A5D55 + #252120 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#121631

Indigo · Black · Deep Sea Blue

HEX

#121631

RGB

rgb(18, 22, 49)

HSL

hsl(232, 46%, 13%)

HSB

hsb(232, 63%, 19%)

CMYK

cmyk(63%, 55%, 0%, 81%)

Oklch

oklch(21.3% 0.053 274.6)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#CC4629

Vermilion · Chocolate · Passion Red

HEX

#CC4629

RGB

rgb(204, 70, 41)

HSL

hsl(11, 67%, 48%)

HSB

hsb(11, 80%, 80%)

CMYK

cmyk(0%, 66%, 80%, 20%)

Oklch

oklch(57.8% 0.175 33.8)

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

#D11B1A

Vermilion · FireBrick · Passion Red

HEX

#D11B1A

RGB

rgb(209, 27, 26)

HSL

hsl(0, 78%, 46%)

HSB

hsb(0, 88%, 82%)

CMYK

cmyk(0%, 87%, 88%, 18%)

Oklch

oklch(55.0% 0.212 28.1)

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

#6A5D55

Tangerine · DimGray · Amber Brown

HEX

#6A5D55

RGB

rgb(106, 93, 85)

HSL

hsl(23, 11%, 37%)

HSB

hsb(23, 20%, 42%)

CMYK

cmyk(0%, 12%, 20%, 58%)

Oklch

oklch(48.8% 0.021 53.7)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#252120

Ink Black · Black · Dark Stone

HEX

#252120

RGB

rgb(37, 33, 32)

HSL

hsl(12, 7%, 14%)

HSB

hsb(12, 14%, 15%)

CMYK

cmyk(0%, 11%, 14%, 85%)

Oklch

oklch(25.2% 0.006 34.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

121631

302C12

Analogous

122530

121631

1D1230

Triadic

121631

301216

163012

Split-Comp.

121631

301D12

253012

Tetradic

121631

301225

302C12

12301D

Contrast Matrix WCAG 2.1 Contrast

121631	CC4629	D11B1A	6A5D55	252120
—	3.8 AA Large	3.3 AA Large	2.8 Fail	1.1 Fail
3.8 AA Large	—	1.2 Fail	1.4 Fail	3.4 AA Large
3.3 AA Large	1.2 Fail	—	1.2 Fail	2.9 Fail
2.8 Fail	1.4 Fail	1.2 Fail	—	2.5 Fail
1.1 Fail	3.4 AA Large	2.9 Fail	2.5 Fail	—

White BG

17.7AAA

4.7AA

5.4AA

6.3AA

15.9AAA

Black BG

1.2Fail

4.5AA Large

3.9AA Large

3.3AA Large

1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

14142A

929130

82811A

646457

232320

Deuteranopia

141329

9AA432

8D9A1A

656657

242420

Tritanopia

122524

C53637

C81A1A

695859

252020

Achromatopsia

181818

6B6B6B

515151

606060

222222

Shades & Tints Shades & Tints

#121631

Dark

Light

#CC4629

Dark

Light

#D11B1A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #121631;
  --color-2: #cc4629;
  --color-3: #d11b1a;
  --color-4: #6a5d55;
  --color-5: #252120;
}

SCSS

$color-1: #121631;
$color-2: #cc4629;
$color-3: #d11b1a;
$color-4: #6a5d55;
$color-5: #252120;

TAILWIND

colors: {
  'brand-1': '#121631',
  'brand-2': '#cc4629',
  'brand-3': '#d11b1a',
  'brand-4': '#6a5d55',
  'brand-5': '#252120',
}

RGB Array

[18, 22, 49], [204, 70, 41], [209, 27, 26], [106, 93, 85], [37, 33, 32]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #121631, #CC4629, #D11B1A, #6A5D55, #252120 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: #121631; --color-2: #cc4629; --color-3: #d11b1a; --color-4: #6a5d55; --color-5: #252120. 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