#693130 + #A83926 + #CE7929 + #58846D + #292019 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#693130

Crimson · Brown · Wine Red

HEX

#693130

RGB

rgb(105, 49, 48)

HSL

hsl(1, 37%, 30%)

HSB

hsb(1, 54%, 41%)

CMYK

cmyk(0%, 53%, 54%, 59%)

Oklch

oklch(38.8% 0.081 22.6)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#A83926

Vermilion · Brown · Wine Red

HEX

#A83926

RGB

rgb(168, 57, 38)

HSL

hsl(9, 63%, 40%)

HSB

hsb(9, 77%, 66%)

CMYK

cmyk(0%, 66%, 77%, 34%)

Oklch

oklch(50.2% 0.150 32.1)

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

#CE7929

Tangerine · Chocolate · Amber Brown

HEX

#CE7929

RGB

rgb(206, 121, 41)

HSL

hsl(29, 67%, 48%)

HSB

hsb(29, 80%, 81%)

CMYK

cmyk(0%, 41%, 80%, 19%)

Oklch

oklch(65.6% 0.139 58.9)

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

#58846D

Celadon · DimGray · Olive Green

HEX

#58846D

RGB

rgb(88, 132, 109)

HSL

hsl(149, 20%, 43%)

HSB

hsb(149, 33%, 52%)

CMYK

cmyk(33%, 0%, 17%, 48%)

Oklch

oklch(57.4% 0.060 160.9)

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

#292019

Tangerine · Black · Cinnamon

HEX

#292019

RGB

rgb(41, 32, 25)

HSL

hsl(26, 24%, 13%)

HSB

hsb(26, 39%, 16%)

CMYK

cmyk(0%, 22%, 39%, 84%)

Oklch

oklch(25.2% 0.019 59.7)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

693130

306869

Analogous

69304C

693130

694D30

Triadic

693130

306931

313069

Split-Comp.

693130

30694D

304C69

Tetradic

693130

4C6930

306869

4D3069

Contrast Matrix WCAG 2.1 Contrast

693130	A83926	CE7929	58846D	292019
—	1.6 Fail	3.1 AA Large	2.4 Fail	1.6 Fail
1.6 Fail	—	1.9 Fail	1.5 Fail	2.5 Fail
3.1 AA Large	1.9 Fail	—	1.3 Fail	4.9 AA
2.4 Fail	1.5 Fail	1.3 Fail	—	3.8 AA Large
1.6 Fail	2.5 Fail	4.9 AA	3.8 AA Large	—

White BG

10.1AAA

6.4AA

3.3AA Large

4.3AA Large

16.0AAA

Black BG

2.1Fail

3.3AA Large

6.4AA

4.9AA

1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

515030

78772B

A9A83C

6B6B73

25251B

Deuteranopia

545830

7E872C

AEB541

696574

26261B

Tritanopia

663030

A22E2F

CA4C4F

5A7778

291C1C

Achromatopsia

424242

585858

898989

747474

222222

Shades & Tints Shades & Tints

#693130

Dark

Light

#A83926

Dark

Light

#CE7929

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #693130;
  --color-2: #a83926;
  --color-3: #ce7929;
  --color-4: #58846d;
  --color-5: #292019;
}

SCSS

$color-1: #693130;
$color-2: #a83926;
$color-3: #ce7929;
$color-4: #58846d;
$color-5: #292019;

TAILWIND

colors: {
  'brand-1': '#693130',
  'brand-2': '#a83926',
  'brand-3': '#ce7929',
  'brand-4': '#58846d',
  'brand-5': '#292019',
}

RGB Array

[105, 49, 48], [168, 57, 38], [206, 121, 41], [88, 132, 109], [41, 32, 25]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #693130, #A83926, #CE7929, #58846D, #292019 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: #693130; --color-2: #a83926; --color-3: #ce7929; --color-4: #58846d; --color-5: #292019. 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