← Back to Editor

#744D33 · #CE7B44 · #7C44CE · #0008C0 · #000000

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#744D33

Tangerine · DarkOliveGreen · Amber Brown

HEX
#744D33
RGB
rgb(116, 77, 51)
HSL
hsl(24, 39%, 33%)
HSB
hsb(24, 56%, 45%)
CMYK
cmyk(0%, 34%, 56%, 55%)
Oklch
oklch(45.7% 0.066 54.0)

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

#CE7B44

Tangerine · Chocolate · Warm Sun

HEX
#CE7B44
RGB
rgb(206, 123, 68)
HSL
hsl(24, 58%, 54%)
HSB
hsb(24, 67%, 81%)
CMYK
cmyk(0%, 40%, 67%, 19%)
Oklch
oklch(66.2% 0.125 52.4)

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

#7C44CE

Deep Indigo · SlateBlue · Violet

HEX
#7C44CE
RGB
rgb(124, 68, 206)
HSL
hsl(264, 58%, 54%)
HSB
hsb(264, 67%, 81%)
CMYK
cmyk(40%, 67%, 0%, 19%)
Oklch
oklch(52.8% 0.202 297.6)

Traditional「Deep Indigo」· Paint「Violet」· Creative Blush Sunrise

#0008C0

Indigo · MediumBlue · Prussian Blue

HEX
#0008C0
RGB
rgb(0, 8, 192)
HSL
hsl(238, 100%, 38%)
HSB
hsb(238, 100%, 75%)
CMYK
cmyk(100%, 96%, 0%, 25%)
Oklch
oklch(36.9% 0.250 264.1)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#000000

Ink Black · Black · Jet Black

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(0.0% 0.000 0.0)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

744D33
335B75

Analogous

75333A
744D33
756E33

Triadic

744D33
33754E
4E3375

Split-Comp.

744D33
33756E
333A75

Tetradic

744D33
3A7533
335B75
6E3375

Contrast Matrix WCAG 2.1 Contrast

744D33
CE7B44
7C44CE
0008C0
000000
—
2.3
Fail
1.3
Fail
1.6
Fail
2.9
Fail
2.3
Fail
—
1.8
Fail
3.6
AA Large
6.5
AA
1.3
Fail
1.8
Fail
—
2.0
Fail
3.6
AA Large
1.6
Fail
3.6
AA Large
2.0
Fail
—
1.8
Fail
2.9
Fail
6.5
AA
3.6
AA Large
1.8
Fail
—
White BG
7.4AAA
3.2AA Large
5.9AA
11.7AAA
21.0AAA
Black BG
2.9Fail
6.5AA
3.6AA Large
1.8Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

636339
AAA951
6463AD
030493
000000

Deuteranopia

65683B
AFB555
676BA5
030289
000000

Tritanopia

723E3F
CA5C5E
79928C
007069
000000

Achromatopsia

565656
8E8E8E
646464
1B1B1B
000000

Shades & Tints Shades & Tints

#744D33

Dark
Light

#CE7B44

Dark
Light

#7C44CE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #744d33;
  --color-2: #ce7b44;
  --color-3: #7c44ce;
  --color-4: #0008c0;
  --color-5: #000000;
}

SCSS

$color-1: #744d33;
$color-2: #ce7b44;
$color-3: #7c44ce;
$color-4: #0008c0;
$color-5: #000000;

TAILWIND

colors: {
  'brand-1': '#744d33',
  'brand-2': '#ce7b44',
  'brand-3': '#7c44ce',
  'brand-4': '#0008c0',
  'brand-5': '#000000',
}

RGB Array

[116, 77, 51], [206, 123, 68], [124, 68, 206], [0, 8, 192], [0, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #744D33, #CE7B44, #7C44CE, #0008C0, #000000 is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #744d33; --color-2: #ce7b44; --color-3: #7c44ce; --color-4: #0008c0; --color-5: #000000. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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