#450C06 + #5D3726 + #736650 + #5E8C86 + #1EB2BD - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#450C06

Vermilion · Maroon · Deep Berry

HEX

#450C06

RGB

rgb(69, 12, 6)

HSL

hsl(6, 84%, 15%)

HSB

hsb(6, 91%, 27%)

CMYK

cmyk(0%, 83%, 91%, 73%)

Oklch

oklch(25.9% 0.087 30.4)

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

#5D3726

Tangerine · DarkOliveGreen · Amber Brown

HEX

#5D3726

RGB

rgb(93, 55, 38)

HSL

hsl(19, 42%, 26%)

HSB

hsb(19, 59%, 36%)

CMYK

cmyk(0%, 41%, 59%, 64%)

Oklch

oklch(37.9% 0.061 44.6)

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

#736650

Ochre · DimGray · Amber Brown

HEX

#736650

RGB

rgb(115, 102, 80)

HSL

hsl(38, 18%, 38%)

HSB

hsb(38, 30%, 45%)

CMYK

cmyk(0%, 11%, 30%, 55%)

Oklch

oklch(51.6% 0.037 80.7)

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

#5E8C86

Mineral Blue · SlateGray · Mint Ice

HEX

#5E8C86

RGB

rgb(94, 140, 134)

HSL

hsl(172, 20%, 46%)

HSB

hsb(172, 33%, 55%)

CMYK

cmyk(33%, 0%, 4%, 45%)

Oklch

oklch(60.5% 0.051 185.7)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#1EB2BD

Lake Blue · LightSeaGreen · Mint Ice

HEX

#1EB2BD

RGB

rgb(30, 178, 189)

HSL

hsl(184, 73%, 43%)

HSB

hsb(184, 84%, 74%)

CMYK

cmyk(84%, 6%, 0%, 26%)

Oklch

oklch(69.8% 0.114 203.0)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

450C06

064046

Analogous

460620

450C06

462D06

Triadic

450C06

06460D

0D0646

Split-Comp.

450C06

06462D

062046

Tetradic

450C06

204606

064046

2D0646

Contrast Matrix WCAG 2.1 Contrast

450C06	5D3726	736650	5E8C86	1EB2BD
—	1.6 Fail	2.9 Fail	4.3 AA Large	6.2 AA
1.6 Fail	—	1.8 Fail	2.7 Fail	4.0 AA Large
2.9 Fail	1.8 Fail	—	1.5 Fail	2.2 Fail
4.3 AA Large	2.7 Fail	1.5 Fail	—	1.5 Fail
6.2 AA	4.0 AA Large	2.2 Fail	1.5 Fail	—

White BG

16.1AAA

10.3AAA

5.6AA

3.8AA Large

2.6Fail

Black BG

1.3Fail

2.0Fail

3.7AA Large

5.6AA

8.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2C2C07

4D4C2A

6D6D55

727287

5E5FBA

Deuteranopia

303408

4F522B

6E6F57

6F6C88

564ABA

Tritanopia

420909

5B2D2E

725A5A

608989

25B8B8

Achromatopsia

1C1C1C

404040

676767

7E7E7E

878787

Shades & Tints Shades & Tints

#450C06

Dark

Light

#5D3726

Dark

Light

#736650

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #450c06;
  --color-2: #5d3726;
  --color-3: #736650;
  --color-4: #5e8c86;
  --color-5: #1eb2bd;
}

SCSS

$color-1: #450c06;
$color-2: #5d3726;
$color-3: #736650;
$color-4: #5e8c86;
$color-5: #1eb2bd;

TAILWIND

colors: {
  'brand-1': '#450c06',
  'brand-2': '#5d3726',
  'brand-3': '#736650',
  'brand-4': '#5e8c86',
  'brand-5': '#1eb2bd',
}

RGB Array

[69, 12, 6], [93, 55, 38], [115, 102, 80], [94, 140, 134], [30, 178, 189]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #450C06, #5D3726, #736650, #5E8C86, #1EB2BD 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: #450c06; --color-2: #5d3726; --color-3: #736650; --color-4: #5e8c86; --color-5: #1eb2bd. 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