← Back to Editor

#793A3A · #CB3F30 · #DC6F3F · #DAB57E · #607E69

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#793A3A

Crimson · Sienna · Wine Red

HEX
#793A3A
RGB
rgb(121, 58, 58)
HSL
hsl(0, 35%, 35%)
HSB
hsb(0, 52%, 47%)
CMYK
cmyk(0%, 52%, 52%, 53%)
Oklch
oklch(43.0% 0.088 21.4)

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

#CB3F30

Vermilion · FireBrick · Passion Red

HEX
#CB3F30
RGB
rgb(203, 63, 48)
HSL
hsl(6, 62%, 49%)
HSB
hsb(6, 76%, 80%)
CMYK
cmyk(0%, 69%, 76%, 20%)
Oklch
oklch(56.9% 0.179 29.7)

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

#DC6F3F

Tangerine · Chocolate · Warm Sun

HEX
#DC6F3F
RGB
rgb(220, 111, 63)
HSL
hsl(18, 69%, 55%)
HSB
hsb(18, 71%, 86%)
CMYK
cmyk(0%, 50%, 71%, 14%)
Oklch
oklch(66.1% 0.150 43.1)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#DAB57E

Ginger · BurlyWood · Warm Sun

HEX
#DAB57E
RGB
rgb(218, 181, 126)
HSL
hsl(36, 55%, 67%)
HSB
hsb(36, 42%, 85%)
CMYK
cmyk(0%, 17%, 42%, 15%)
Oklch
oklch(79.3% 0.083 77.0)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#607E69

Celadon · DimGray · Olive Green

HEX
#607E69
RGB
rgb(96, 126, 105)
HSL
hsl(138, 14%, 44%)
HSB
hsb(138, 24%, 49%)
CMYK
cmyk(24%, 0%, 17%, 51%)
Oklch
oklch(56.4% 0.047 154.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

793A3A
3A7878

Analogous

783A59
793A3A
78593A

Triadic

793A3A
3A783A
3A3A78

Split-Comp.

793A3A
3A7859
3A5978

Tetradic

793A3A
59783A
3A7878
593A78

Contrast Matrix WCAG 2.1 Contrast

793A3A
CB3F30
DC6F3F
DAB57E
607E69
—
1.7
Fail
2.6
Fail
4.4
AA Large
1.9
Fail
1.7
Fail
—
1.5
Fail
2.5
Fail
1.1
Fail
2.6
Fail
1.5
Fail
—
1.7
Fail
1.4
Fail
4.4
AA Large
2.5
Fail
1.7
Fail
—
2.3
Fail
1.9
Fail
1.1
Fail
1.4
Fail
2.3
Fail
—
White BG
8.5AAA
4.9AA
3.3AA Large
1.9Fail
4.5AA Large
Black BG
2.5Fail
4.3AA Large
6.4AA
10.9AAA
4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5E5D3A
8E8D34
ADAC4B
CACA8B
6D6D6E

Deuteranopia

61663A
97A134
B3BB4D
CCCF8F
6B696F

Tritanopia

763A3A
C43637
D75456
D89698
617273

Achromatopsia

4D4D4D
676767
8A8A8A
BABABA
737373

Shades & Tints Shades & Tints

#793A3A

Dark
Light

#CB3F30

Dark
Light

#DC6F3F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #793a3a;
  --color-2: #cb3f30;
  --color-3: #dc6f3f;
  --color-4: #dab57e;
  --color-5: #607e69;
}

SCSS

$color-1: #793a3a;
$color-2: #cb3f30;
$color-3: #dc6f3f;
$color-4: #dab57e;
$color-5: #607e69;

TAILWIND

colors: {
  'brand-1': '#793a3a',
  'brand-2': '#cb3f30',
  'brand-3': '#dc6f3f',
  'brand-4': '#dab57e',
  'brand-5': '#607e69',
}

RGB Array

[121, 58, 58], [203, 63, 48], [220, 111, 63], [218, 181, 126], [96, 126, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #793A3A, #CB3F30, #DC6F3F, #DAB57E, #607E69 is ideal for: corporate websites, product showcases, portfolios. 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: #793a3a; --color-2: #cb3f30; --color-3: #dc6f3f; --color-4: #dab57e; --color-5: #607e69. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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