← Back to Editor

#613230 · #996449 · #CE965F · #A5492B · #C05D5D

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

#613230

Crimson · DarkOliveGreen · Wine Red

HEX
#613230
RGB
rgb(97, 50, 48)
HSL
hsl(2, 34%, 28%)
HSB
hsb(2, 51%, 38%)
CMYK
cmyk(0%, 48%, 51%, 62%)
Oklch
oklch(37.7% 0.068 23.4)

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

#996449

Tangerine · Sienna · Amber Brown

HEX
#996449
RGB
rgb(153, 100, 73)
HSL
hsl(20, 35%, 44%)
HSB
hsb(20, 52%, 60%)
CMYK
cmyk(0%, 35%, 52%, 40%)
Oklch
oklch(55.4% 0.080 47.6)

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

#CE965F

Ginger · DarkSalmon · Warm Sun

HEX
#CE965F
RGB
rgb(206, 150, 95)
HSL
hsl(30, 53%, 59%)
HSB
hsb(30, 54%, 81%)
CMYK
cmyk(0%, 27%, 54%, 19%)
Oklch
oklch(71.5% 0.098 64.6)

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

#A5492B

Tangerine · Sienna · Amber Brown

HEX
#A5492B
RGB
rgb(165, 73, 43)
HSL
hsl(15, 59%, 41%)
HSB
hsb(15, 74%, 65%)
CMYK
cmyk(0%, 56%, 74%, 35%)
Oklch
oklch(51.9% 0.129 38.3)

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

#C05D5D

Crimson · Sienna · Passion Red

HEX
#C05D5D
RGB
rgb(192, 93, 93)
HSL
hsl(0, 44%, 56%)
HSB
hsb(0, 52%, 75%)
CMYK
cmyk(0%, 52%, 52%, 25%)
Oklch
oklch(59.8% 0.128 21.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

613230
2F5E60

Analogous

602F46
613230
60492F

Triadic

613230
2F6031
312F60

Split-Comp.

613230
2F6049
2F4660

Tetradic

613230
46602F
2F5E60
492F60

Contrast Matrix WCAG 2.1 Contrast

613230
996449
CE965F
A5492B
C05D5D
—
2.1
Fail
4.1
AA Large
1.8
Fail
2.5
Fail
2.1
Fail
—
1.9
Fail
1.2
Fail
1.2
Fail
4.1
AA Large
1.9
Fail
—
2.3
Fail
1.6
Fail
1.8
Fail
1.2
Fail
2.3
Fail
—
1.4
Fail
2.5
Fail
1.2
Fail
1.6
Fail
1.4
Fail
—
White BG
10.5AAA
4.9AA
2.6Fail
5.9AA
4.2AA Large
Black BG
2.0Fail
4.3AA Large
8.2AAA
3.6AA Large
5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4D4C30
828250
B6B56C
7D7C32
95945D

Deuteranopia

4F5331
858951
B9BD70
838934
9BA25D

Tritanopia

5F3131
965556
CB7779
A03839
BB5D5D

Achromatopsia

404040
717171
A0A0A0
616161
7B7B7B

Shades & Tints Shades & Tints

#613230

Dark
Light

#996449

Dark
Light

#CE965F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #613230;
  --color-2: #996449;
  --color-3: #ce965f;
  --color-4: #a5492b;
  --color-5: #c05d5d;
}

SCSS

$color-1: #613230;
$color-2: #996449;
$color-3: #ce965f;
$color-4: #a5492b;
$color-5: #c05d5d;

TAILWIND

colors: {
  'brand-1': '#613230',
  'brand-2': '#996449',
  'brand-3': '#ce965f',
  'brand-4': '#a5492b',
  'brand-5': '#c05d5d',
}

RGB Array

[97, 50, 48], [153, 100, 73], [206, 150, 95], [165, 73, 43], [192, 93, 93]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #613230, #996449, #CE965F, #A5492B, #C05D5D 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: #613230; --color-2: #996449; --color-3: #ce965f; --color-4: #a5492b; --color-5: #c05d5d. 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