← Back to Editor

#462732 · #744C63 · #231B14 · #C0D635 · #93A320

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 LibraryData Visualization

Color Details Color Details

#462732

Dark Violet · DarkSlateGray · Raspberry

HEX
#462732
RGB
rgb(70, 39, 50)
HSL
hsl(339, 28%, 21%)
HSB
hsb(339, 44%, 27%)
CMYK
cmyk(0%, 44%, 29%, 73%)
Oklch
oklch(31.7% 0.049 357.5)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#744C63

Rose Purple · DimGray · Camellia

HEX
#744C63
RGB
rgb(116, 76, 99)
HSL
hsl(326, 21%, 38%)
HSB
hsb(326, 34%, 45%)
CMYK
cmyk(0%, 34%, 15%, 55%)
Oklch
oklch(46.9% 0.063 344.4)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#231B14

Tangerine · Black · Cinnamon

HEX
#231B14
RGB
rgb(35, 27, 20)
HSL
hsl(28, 27%, 11%)
HSB
hsb(28, 43%, 14%)
CMYK
cmyk(0%, 23%, 43%, 86%)
Oklch
oklch(22.9% 0.018 62.9)

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

#C0D635

Autumn Sage · GreenYellow · Sunflower

HEX
#C0D635
RGB
rgb(192, 214, 53)
HSL
hsl(68, 66%, 52%)
HSB
hsb(68, 75%, 84%)
CMYK
cmyk(10%, 0%, 75%, 16%)
Oklch
oklch(83.2% 0.177 117.4)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#93A320

Autumn Sage · Olive · Honey Gold

HEX
#93A320
RGB
rgb(147, 163, 32)
HSL
hsl(67, 67%, 38%)
HSB
hsb(67, 80%, 64%)
CMYK
cmyk(10%, 0%, 80%, 36%)
Oklch
oklch(68.0% 0.147 116.8)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

462732
27453A

Analogous

452740
462732
452B27

Triadic

462732
314527
273145

Split-Comp.

462732
27452B
274045

Tetradic

462732
404527
27453A
2B2745

Contrast Matrix WCAG 2.1 Contrast

462732
744C63
231B14
C0D635
93A320
—
1.9
Fail
1.3
Fail
8.1
AAA
4.7
AA
1.9
Fail
—
2.4
Fail
4.4
AA Large
2.5
Fail
1.3
Fail
2.4
Fail
—
10.4
AAA
6.1
AA
8.1
AAA
4.4
AA Large
10.4
AAA
—
1.7
Fail
4.7
AA
2.5
Fail
6.1
AA
1.7
Fail
—
White BG
13.2AAA
7.1AAA
17.0AAA
1.6Fail
2.8Fail
Black BG
1.6Fail
3.0Fail
1.2Fail
12.9AAA
7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

39382F
63625D
201F16
CACA5C
9A9A40

Deuteranopia

3A3D2F
65685C
202116
C8C765
999847

Tritanopia

442D2D
725958
231717
C17B81
94595E

Achromatopsia

323232
5B5B5B
1D1D1D
BDBDBD
8F8F8F

Shades & Tints Shades & Tints

#462732

Dark
Light

#744C63

Dark
Light

#231B14

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #462732;
  --color-2: #744c63;
  --color-3: #231b14;
  --color-4: #c0d635;
  --color-5: #93a320;
}

SCSS

$color-1: #462732;
$color-2: #744c63;
$color-3: #231b14;
$color-4: #c0d635;
$color-5: #93a320;

TAILWIND

colors: {
  'brand-1': '#462732',
  'brand-2': '#744c63',
  'brand-3': '#231b14',
  'brand-4': '#c0d635',
  'brand-5': '#93a320',
}

RGB Array

[70, 39, 50], [116, 76, 99], [35, 27, 20], [192, 214, 53], [147, 163, 32]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #462732, #744C63, #231B14, #C0D635, #93A320 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: #462732; --color-2: #744c63; --color-3: #231b14; --color-4: #c0d635; --color-5: #93a320. 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