← Back to Editor

#1D1E20 · #FF7939 · #F96541 · #AE5750 · #64585A

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

#1D1E20

Ink Black · Black · Dark Stone

HEX
#1D1E20
RGB
rgb(29, 30, 32)
HSL
hsl(220, 5%, 12%)
HSB
hsb(220, 9%, 13%)
CMYK
cmyk(9%, 6%, 0%, 87%)
Oklch
oklch(23.5% 0.004 264.5)

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

#FF7939

Apricot · Coral · Warm Sun

HEX
#FF7939
RGB
rgb(255, 121, 57)
HSL
hsl(19, 100%, 61%)
HSB
hsb(19, 78%, 100%)
CMYK
cmyk(0%, 53%, 78%, 0%)
Oklch
oklch(72.4% 0.180 43.7)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#F96541

Peach Pink · Tomato · Coral Red

HEX
#F96541
RGB
rgb(249, 101, 65)
HSL
hsl(12, 94%, 62%)
HSB
hsb(12, 74%, 98%)
CMYK
cmyk(0%, 59%, 74%, 2%)
Oklch
oklch(68.9% 0.189 34.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#AE5750

Crimson · Sienna · Passion Red

HEX
#AE5750
RGB
rgb(174, 87, 80)
HSL
hsl(4, 37%, 50%)
HSB
hsb(4, 54%, 68%)
CMYK
cmyk(0%, 50%, 54%, 32%)
Oklch
oklch(56.1% 0.115 26.1)

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

#64585A

Ink Gray · DimGray · Charcoal

HEX
#64585A
RGB
rgb(100, 88, 90)
HSL
hsl(350, 6%, 37%)
HSB
hsb(350, 12%, 39%)
CMYK
cmyk(0%, 12%, 10%, 61%)
Oklch
oklch(47.3% 0.016 6.3)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1D1E20
201F1D

Analogous

1D2020
1D1E20
1E1D20

Triadic

1D1E20
201D1E
1E201D

Split-Comp.

1D1E20
201E1D
20201D

Tetradic

1D1E20
201D20
201F1D
1D201E

Contrast Matrix WCAG 2.1 Contrast

1D1E20
FF7939
F96541
AE5750
64585A
—
6.4
AA
5.5
AA
3.4
AA Large
2.5
Fail
6.4
AA
—
1.2
Fail
1.9
Fail
2.6
Fail
5.5
AA
1.2
Fail
—
1.6
Fail
2.3
Fail
3.4
AA Large
1.9
Fail
1.6
Fail
—
1.4
Fail
2.5
Fail
2.6
Fail
2.3
Fail
1.4
Fail
—
White BG
16.7AAA
2.6Fail
3.0AA Large
4.9AA
6.8AA
Black BG
1.3Fail
8.0AAA
7.0AA
4.3AA Large
3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

1D1D20
C5C448
B9B84A
888852
5F5F5A

Deuteranopia

1D1D1F
CDD74C
C2CD4C
8D9452
606059

Tritanopia

1D1F1F
F85557
F25152
AA5353
635959

Achromatopsia

1E1E1E
9A9A9A
8D8D8D
707070
5C5C5C

Shades & Tints Shades & Tints

#1D1E20

Dark
Light

#FF7939

Dark
Light

#F96541

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1d1e20;
  --color-2: #ff7939;
  --color-3: #f96541;
  --color-4: #ae5750;
  --color-5: #64585a;
}

SCSS

$color-1: #1d1e20;
$color-2: #ff7939;
$color-3: #f96541;
$color-4: #ae5750;
$color-5: #64585a;

TAILWIND

colors: {
  'brand-1': '#1d1e20',
  'brand-2': '#ff7939',
  'brand-3': '#f96541',
  'brand-4': '#ae5750',
  'brand-5': '#64585a',
}

RGB Array

[29, 30, 32], [255, 121, 57], [249, 101, 65], [174, 87, 80], [100, 88, 90]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1D1E20, #FF7939, #F96541, #AE5750, #64585A is ideal for: 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: #1d1e20; --color-2: #ff7939; --color-3: #f96541; --color-4: #ae5750; --color-5: #64585a. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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