#19544E + #EBE710 + #EB2E10 + #2D2E2D + #1C1C1C - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#19544E

Mineral Blue · DarkSlateGray · Peacock Green

HEX

#19544E

RGB

rgb(25, 84, 78)

HSL

hsl(174, 54%, 21%)

HSB

hsb(174, 70%, 33%)

CMYK

cmyk(70%, 0%, 7%, 67%)

Oklch

oklch(40.7% 0.061 185.6)

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

#EBE710

Autumn Sage · Gold · Honey Gold

HEX

#EBE710

RGB

rgb(235, 231, 16)

HSL

hsl(59, 87%, 49%)

HSB

hsb(59, 93%, 92%)

CMYK

cmyk(0%, 2%, 93%, 8%)

Oklch

oklch(90.2% 0.193 108.4)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#EB2E10

Vermilion · OrangeRed · Passion Red

HEX

#EB2E10

RGB

rgb(235, 46, 16)

HSL

hsl(8, 87%, 49%)

HSB

hsb(8, 93%, 92%)

CMYK

cmyk(0%, 80%, 93%, 8%)

Oklch

oklch(60.8% 0.226 31.5)

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

#2D2E2D

Dark Cyan · DarkSlateGray · Dark Stone

HEX

#2D2E2D

RGB

rgb(45, 46, 45)

HSL

hsl(120, 1%, 18%)

HSB

hsb(120, 2%, 18%)

CMYK

cmyk(2%, 0%, 2%, 82%)

Oklch

oklch(30.0% 0.002 145.5)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#1C1C1C

Ink Black · Black · Dark Stone

HEX

#1C1C1C

RGB

rgb(28, 28, 28)

HSL

hsl(0, 0%, 11%)

HSB

hsb(0, 0%, 11%)

CMYK

cmyk(0%, 0%, 0%, 89%)

Oklch

oklch(22.6% 0.000 89.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

19544E

52191E

Analogous

195230

19544E

193B52

Triadic

19544E

4D1952

524D19

Split-Comp.

19544E

52193B

523019

Tetradic

19544E

301952

52191E

3B5219

Contrast Matrix WCAG 2.1 Contrast

19544E	EBE710	EB2E10	2D2E2D	1C1C1C
—	6.6 AA	2.0 Fail	1.6 Fail	2.0 Fail
6.6 AA	—	3.2 AA Large	10.4 AAA	13.0 AAA
2.0 Fail	3.2 AA Large	—	3.2 AA Large	4.0 AA Large
1.6 Fail	10.4 AAA	3.2 AA Large	—	1.2 Fail
2.0 Fail	13.0 AAA	4.0 AA Large	1.2 Fail	—

White BG

8.7AAA

1.3Fail

4.3AA Large

13.6AAA

17.0AAA

Black BG

2.4Fail

16.0AAA

4.9AA

1.5Fail

1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

33334F

E9E944

999717

2D2D2D

1C1C1C

Deuteranopia

2F2B50

EAEA51

A4B219

2D2D2D

1C1C1C

Tritanopia

1C5151

EB6D76

E21D1E

2D2D2D

1C1C1C

Achromatopsia

424242

D0D0D0

636363

2E2E2E

1C1C1C

Shades & Tints Shades & Tints

#19544E

Dark

Light

#EBE710

Dark

Light

#EB2E10

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #19544e;
  --color-2: #ebe710;
  --color-3: #eb2e10;
  --color-4: #2d2e2d;
  --color-5: #1c1c1c;
}

SCSS

$color-1: #19544e;
$color-2: #ebe710;
$color-3: #eb2e10;
$color-4: #2d2e2d;
$color-5: #1c1c1c;

TAILWIND

colors: {
  'brand-1': '#19544e',
  'brand-2': '#ebe710',
  'brand-3': '#eb2e10',
  'brand-4': '#2d2e2d',
  'brand-5': '#1c1c1c',
}

RGB Array

[25, 84, 78], [235, 231, 16], [235, 46, 16], [45, 46, 45], [28, 28, 28]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #19544E, #EBE710, #EB2E10, #2D2E2D, #1C1C1C 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: #19544e; --color-2: #ebe710; --color-3: #eb2e10; --color-4: #2d2e2d; --color-5: #1c1c1c. 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