#1B6B44 + #144147 + #2A1429 + #501E39 + #E26700 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#1B6B44

Mineral Blue · DarkSlateGray · Forest Green

HEX

#1B6B44

RGB

rgb(27, 107, 68)

HSL

hsl(151, 60%, 26%)

HSB

hsb(151, 75%, 42%)

CMYK

cmyk(75%, 0%, 36%, 58%)

Oklch

oklch(47.0% 0.099 157.3)

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

#144147

Lake Blue · DarkSlateGray · Peacock Green

HEX

#144147

RGB

rgb(20, 65, 71)

HSL

hsl(187, 56%, 18%)

HSB

hsb(187, 72%, 28%)

CMYK

cmyk(72%, 8%, 0%, 72%)

Oklch

oklch(34.8% 0.049 207.5)

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

#2A1429

Rose Purple · Black · Dark Purple

HEX

#2A1429

RGB

rgb(42, 20, 41)

HSL

hsl(303, 35%, 12%)

HSB

hsb(303, 52%, 16%)

CMYK

cmyk(0%, 52%, 2%, 84%)

Oklch

oklch(23.2% 0.050 328.7)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#501E39

Rose Purple · DarkSlateGray · Raspberry

HEX

#501E39

RGB

rgb(80, 30, 57)

HSL

hsl(328, 45%, 22%)

HSB

hsb(328, 63%, 31%)

CMYK

cmyk(0%, 62%, 29%, 69%)

Oklch

oklch(31.9% 0.083 349.2)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#E26700

Tangerine · Chocolate · Amber Brown

HEX

#E26700

RGB

rgb(226, 103, 0)

HSL

hsl(27, 100%, 44%)

HSB

hsb(27, 100%, 89%)

CMYK

cmyk(0%, 54%, 100%, 11%)

Oklch

oklch(65.4% 0.176 48.7)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1B6B44

6A1B41

Analogous

1B6A1C

1B6B44

1B696A

Triadic

1B6B44

441B6A

6A441B

Split-Comp.

1B6B44

6A1B69

6A1C1B

Tetradic

1B6B44

1C1B6A

6A1B41

696A1B

Contrast Matrix WCAG 2.1 Contrast

1B6B44	144147	2A1429	501E39	E26700
—	1.7 Fail	2.6 Fail	2.0 Fail	1.9 Fail
1.7 Fail	—	1.5 Fail	1.2 Fail	3.3 AA Large
2.6 Fail	1.5 Fail	—	1.3 Fail	5.0 AA
2.0 Fail	1.2 Fail	1.3 Fail	—	3.9 AA Large
1.9 Fail	3.3 AA Large	5.0 AA	3.9 AA Large	—

White BG

6.5AA

11.2AAA

17.1AAA

13.2AAA

3.4AA Large

Black BG

3.2AA Large

1.9Fail

1.2Fail

1.6Fail

6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3E3E4D

272846

202024

3A3A32

ADAC19

Deuteranopia

393350

252245

222323

3D4131

B4BD1F

Tritanopia

1F5557

164444

29201F

4E2D2C

DC2D31

Achromatopsia

4F4F4F

343434

1D1D1D

303030

808080

Shades & Tints Shades & Tints

#1B6B44

Dark

Light

#144147

Dark

Light

#2A1429

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1b6b44;
  --color-2: #144147;
  --color-3: #2a1429;
  --color-4: #501e39;
  --color-5: #e26700;
}

SCSS

$color-1: #1b6b44;
$color-2: #144147;
$color-3: #2a1429;
$color-4: #501e39;
$color-5: #e26700;

TAILWIND

colors: {
  'brand-1': '#1b6b44',
  'brand-2': '#144147',
  'brand-3': '#2a1429',
  'brand-4': '#501e39',
  'brand-5': '#e26700',
}

RGB Array

[27, 107, 68], [20, 65, 71], [42, 20, 41], [80, 30, 57], [226, 103, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1B6B44, #144147, #2A1429, #501E39, #E26700 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: #1b6b44; --color-2: #144147; --color-3: #2a1429; --color-4: #501e39; --color-5: #e26700. 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