#1A0804 + #1A3019 + #096A47 + #103F27 + #210F0B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#1A0804

Vermilion · Black · Deep Berry

HEX

#1A0804

RGB

rgb(26, 8, 4)

HSL

hsl(11, 73%, 6%)

HSB

hsb(11, 85%, 10%)

CMYK

cmyk(0%, 69%, 85%, 90%)

Oklch

oklch(16.3% 0.034 37.6)

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

#1A3019

Celadon · Black · Dark Green

HEX

#1A3019

RGB

rgb(26, 48, 25)

HSL

hsl(117, 32%, 14%)

HSB

hsb(117, 48%, 19%)

CMYK

cmyk(46%, 0%, 48%, 81%)

Oklch

oklch(28.4% 0.050 143.2)

Traditional「Celadon」· Paint「Dark Green」· Creative Blush Sunrise

#096A47

Mineral Blue · DarkSlateGray · Forest Green

HEX

#096A47

RGB

rgb(9, 106, 71)

HSL

hsl(158, 84%, 23%)

HSB

hsb(158, 92%, 42%)

CMYK

cmyk(92%, 0%, 33%, 58%)

Oklch

oklch(46.4% 0.100 161.4)

Traditional「Mineral Blue」· Paint「Forest Green」· Creative Blush Sunrise

#103F27

Pine Green · DarkSlateGray · Dark Green

HEX

#103F27

RGB

rgb(16, 63, 39)

HSL

hsl(149, 59%, 15%)

HSB

hsb(149, 75%, 25%)

CMYK

cmyk(75%, 0%, 38%, 75%)

Oklch

oklch(32.9% 0.066 157.1)

Traditional「Pine Green」· Paint「Dark Green」· Creative Blush Sunrise

#210F0B

Crimson · Black · Deep Berry

HEX

#210F0B

RGB

rgb(33, 15, 11)

HSL

hsl(11, 50%, 9%)

HSB

hsb(11, 67%, 13%)

CMYK

cmyk(0%, 55%, 67%, 87%)

Oklch

oklch(19.4% 0.032 33.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1A0804

04161A

Analogous

1A040B

1A0804

1A1304

Triadic

1A0804

041A08

08041A

Split-Comp.

1A0804

041A13

040B1A

Tetradic

1A0804

0B1A04

04161A

13041A

Contrast Matrix WCAG 2.1 Contrast

1A0804	1A3019	096A47	103F27	210F0B
—	1.4 Fail	2.9 Fail	1.6 Fail	1.1 Fail
1.4 Fail	—	2.1 Fail	1.2 Fail	1.3 Fail
2.9 Fail	2.1 Fail	—	1.8 Fail	2.8 Fail
1.6 Fail	1.2 Fail	1.8 Fail	—	1.5 Fail
1.1 Fail	1.3 Fail	2.8 Fail	1.5 Fail	—

White BG

19.4AAA

14.2AAA

6.6AA

11.9AAA

18.5AAA

Black BG

1.1Fail

1.5Fail

3.2AA Large

1.8Fail

1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

121205

24241F

33344F

24252D

19190C

Deuteranopia

131505

222120

2D2652

221E2E

1A1C0C

Tritanopia

190606

1B2324

0E5658

123132

200D0D

Achromatopsia

0D0D0D

272727

494949

2E2E2E

141414

Shades & Tints Shades & Tints

#1A0804

Dark

Light

#1A3019

Dark

Light

#096A47

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1a0804;
  --color-2: #1a3019;
  --color-3: #096a47;
  --color-4: #103f27;
  --color-5: #210f0b;
}

SCSS

$color-1: #1a0804;
$color-2: #1a3019;
$color-3: #096a47;
$color-4: #103f27;
$color-5: #210f0b;

TAILWIND

colors: {
  'brand-1': '#1a0804',
  'brand-2': '#1a3019',
  'brand-3': '#096a47',
  'brand-4': '#103f27',
  'brand-5': '#210f0b',
}

RGB Array

[26, 8, 4], [26, 48, 25], [9, 106, 71], [16, 63, 39], [33, 15, 11]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1A0804, #1A3019, #096A47, #103F27, #210F0B 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: #1a0804; --color-2: #1a3019; --color-3: #096a47; --color-4: #103f27; --color-5: #210f0b. 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