← Back to Editor

#1B242C · #71362E · #AD4331 · #F75335 · #200804

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

#1B242C

Slate Blue · DarkSlateGray · Deep Sea Blue

HEX
#1B242C
RGB
rgb(27, 36, 44)
HSL
hsl(208, 24%, 14%)
HSB
hsb(208, 39%, 17%)
CMYK
cmyk(39%, 18%, 0%, 83%)
Oklch
oklch(25.5% 0.020 245.5)

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

#71362E

Crimson · Brown · Wine Red

HEX
#71362E
RGB
rgb(113, 54, 46)
HSL
hsl(7, 42%, 31%)
HSB
hsb(7, 59%, 44%)
CMYK
cmyk(0%, 52%, 59%, 56%)
Oklch
oklch(40.8% 0.085 29.2)

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

#AD4331

Crimson · Sienna · Passion Red

HEX
#AD4331
RGB
rgb(173, 67, 49)
HSL
hsl(9, 56%, 44%)
HSB
hsb(9, 72%, 68%)
CMYK
cmyk(0%, 61%, 72%, 32%)
Oklch
oklch(52.4% 0.143 31.8)

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

#F75335

Vermilion · Tomato · Passion Red

HEX
#F75335
RGB
rgb(247, 83, 53)
HSL
hsl(9, 92%, 59%)
HSB
hsb(9, 79%, 97%)
CMYK
cmyk(0%, 66%, 79%, 3%)
Oklch
oklch(66.3% 0.205 32.6)

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

#200804

Vermilion · Black · Deep Berry

HEX
#200804
RGB
rgb(32, 8, 4)
HSL
hsl(9, 78%, 7%)
HSB
hsb(9, 88%, 13%)
CMYK
cmyk(0%, 75%, 88%, 87%)
Oklch
oklch(17.5% 0.044 34.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1B242C
2C231B

Analogous

1B2C2C
1B242C
1B1C2C

Triadic

1B242C
2C1B24
242C1B

Split-Comp.

1B242C
2C1B1C
2C2C1B

Tetradic

1B242C
2C1B2C
2C231B
1C2C1B

Contrast Matrix WCAG 2.1 Contrast

1B242C
71362E
AD4331
F75335
200804
—
1.7
Fail
2.7
Fail
4.7
AA
1.2
Fail
1.7
Fail
—
1.6
Fail
2.8
Fail
2.1
Fail
2.7
Fail
1.6
Fail
—
1.7
Fail
3.3
AA Large
4.7
AA
2.8
Fail
1.7
Fail
—
5.7
AA
1.2
Fail
2.1
Fail
3.3
AA Large
5.7
AA
—
White BG
15.7AAA
9.3AAA
5.8AA
3.4AA Large
19.1AAA
Black BG
1.3Fail
2.3Fail
3.6AA Large
6.2AA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

1F1F2A
575730
7F7E35
B0AF3C
161505

Deuteranopia

1E1E2A
5B5F30
858D36
BAC63E
171905

Tritanopia

1B2928
6E3132
A8393A
EF4243
1F0606

Achromatopsia

222222
474747
616161
818181
0F0F0F

Shades & Tints Shades & Tints

#1B242C

Dark
Light

#71362E

Dark
Light

#AD4331

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1b242c;
  --color-2: #71362e;
  --color-3: #ad4331;
  --color-4: #f75335;
  --color-5: #200804;
}

SCSS

$color-1: #1b242c;
$color-2: #71362e;
$color-3: #ad4331;
$color-4: #f75335;
$color-5: #200804;

TAILWIND

colors: {
  'brand-1': '#1b242c',
  'brand-2': '#71362e',
  'brand-3': '#ad4331',
  'brand-4': '#f75335',
  'brand-5': '#200804',
}

RGB Array

[27, 36, 44], [113, 54, 46], [173, 67, 49], [247, 83, 53], [32, 8, 4]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1B242C, #71362E, #AD4331, #F75335, #200804 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: #1b242c; --color-2: #71362e; --color-3: #ad4331; --color-4: #f75335; --color-5: #200804. 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