← Back to Editor

#1C0808 · #F7820C · #D1D0A9 · #D1BDA9 · #99C7BD

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

#1C0808

Crimson · Black · Deep Berry

HEX
#1C0808
RGB
rgb(28, 8, 8)
HSL
hsl(0, 56%, 7%)
HSB
hsb(0, 71%, 11%)
CMYK
cmyk(0%, 71%, 71%, 89%)
Oklch
oklch(16.8% 0.036 21.6)

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

#F7820C

Ginger · Orange · Warm Sun

HEX
#F7820C
RGB
rgb(247, 130, 12)
HSL
hsl(30, 94%, 51%)
HSB
hsb(30, 95%, 97%)
CMYK
cmyk(0%, 47%, 95%, 3%)
Oklch
oklch(72.4% 0.176 55.2)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#D1D0A9

Fresh Green · Silver · Sunflower

HEX
#D1D0A9
RGB
rgb(209, 208, 169)
HSL
hsl(59, 30%, 74%)
HSB
hsb(59, 19%, 82%)
CMYK
cmyk(0%, 0%, 19%, 18%)
Oklch
oklch(84.8% 0.052 106.2)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#D1BDA9

Goose Yellow · Silver · Warm Sun

HEX
#D1BDA9
RGB
rgb(209, 189, 169)
HSL
hsl(30, 30%, 74%)
HSB
hsb(30, 19%, 82%)
CMYK
cmyk(0%, 10%, 19%, 18%)
Oklch
oklch(81.0% 0.036 67.3)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#99C7BD

Jade · DarkGray · Lake Green

HEX
#99C7BD
RGB
rgb(153, 199, 189)
HSL
hsl(167, 29%, 69%)
HSB
hsb(167, 23%, 78%)
CMYK
cmyk(23%, 0%, 5%, 22%)
Oklch
oklch(79.4% 0.050 180.1)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1C0808
081C1C

Analogous

1C0812
1C0808
1C1208

Triadic

1C0808
081C08
08081C

Split-Comp.

1C0808
081C12
08121C

Tetradic

1C0808
121C08
081C1C
12081C

Contrast Matrix WCAG 2.1 Contrast

1C0808
F7820C
D1D0A9
D1BDA9
99C7BD
—
7.5
AAA
12.2
AAA
10.6
AAA
10.4
AAA
7.5
AAA
—
1.6
Fail
1.4
Fail
1.4
Fail
12.2
AAA
1.6
Fail
—
1.2
Fail
1.2
Fail
10.6
AAA
1.4
Fail
1.2
Fail
—
1.0
Fail
10.4
AAA
1.4
Fail
1.2
Fail
1.0
Fail
—
White BG
19.3AAA
2.6Fail
1.6Fail
1.8Fail
1.9Fail
Black BG
1.1Fail
8.2AAA
13.3AAA
11.6AAA
11.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

131308
C4C329
D1D1B2
C8C8AE
ADADBF

Deuteranopia

151608
CBD42F
D1D1B5
CACBAF
AAA7C0

Tritanopia

1B0808
F13F44
D1BABC
D0B2B3
9BC1C2

Achromatopsia

0E0E0E
989898
CCCCCC
C1C1C1
B8B8B8

Shades & Tints Shades & Tints

#1C0808

Dark
Light

#F7820C

Dark
Light

#D1D0A9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1c0808;
  --color-2: #f7820c;
  --color-3: #d1d0a9;
  --color-4: #d1bda9;
  --color-5: #99c7bd;
}

SCSS

$color-1: #1c0808;
$color-2: #f7820c;
$color-3: #d1d0a9;
$color-4: #d1bda9;
$color-5: #99c7bd;

TAILWIND

colors: {
  'brand-1': '#1c0808',
  'brand-2': '#f7820c',
  'brand-3': '#d1d0a9',
  'brand-4': '#d1bda9',
  'brand-5': '#99c7bd',
}

RGB Array

[28, 8, 8], [247, 130, 12], [209, 208, 169], [209, 189, 169], [153, 199, 189]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1C0808, #F7820C, #D1D0A9, #D1BDA9, #99C7BD 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: #1c0808; --color-2: #f7820c; --color-3: #d1d0a9; --color-4: #d1bda9; --color-5: #99c7bd. 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