#632036 + #5E696E + #6994A4 + #D4D404 + #E84D5B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#632036

Dark Violet · Brown · Camellia

HEX

#632036

RGB

rgb(99, 32, 54)

HSL

hsl(340, 51%, 26%)

HSB

hsb(340, 68%, 39%)

CMYK

cmyk(0%, 68%, 45%, 61%)

Oklch

oklch(35.3% 0.099 3.3)

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

#5E696E

Slate Blue · DimGray · Charcoal

HEX

#5E696E

RGB

rgb(94, 105, 110)

HSL

hsl(199, 8%, 40%)

HSB

hsb(199, 15%, 43%)

CMYK

cmyk(15%, 5%, 0%, 57%)

Oklch

oklch(51.3% 0.016 226.8)

Traditional「Slate Blue」· Paint「Charcoal」· Creative Midnight Shadow

#6994A4

Slate Blue · CadetBlue · Lake Green

HEX

#6994A4

RGB

rgb(105, 148, 164)

HSL

hsl(196, 24%, 53%)

HSB

hsb(196, 36%, 64%)

CMYK

cmyk(36%, 10%, 0%, 36%)

Oklch

oklch(64.1% 0.053 223.1)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

#D4D404

Autumn Sage · Gold · Honey Gold

HEX

#D4D404

RGB

rgb(212, 212, 4)

HSL

hsl(60, 96%, 42%)

HSB

hsb(60, 98%, 83%)

CMYK

cmyk(0%, 0%, 98%, 17%)

Oklch

oklch(84.2% 0.183 109.8)

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

#E84D5B

Peach Pink · Tomato · Coral Red

HEX

#E84D5B

RGB

rgb(232, 77, 91)

HSL

hsl(355, 77%, 61%)

HSB

hsb(355, 67%, 91%)

CMYK

cmyk(0%, 67%, 61%, 9%)

Oklch

oklch(63.8% 0.190 19.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

632036

20644E

Analogous

642059

632036

642C20

Triadic

632036

376420

203764

Split-Comp.

632036

20642C

205964

Tetradic

632036

596420

20644E

2C2064

Contrast Matrix WCAG 2.1 Contrast

632036	5E696E	6994A4	D4D404	E84D5B
—	2.1 Fail	3.6 AA Large	7.4 AAA	3.2 AA Large
2.1 Fail	—	1.7 Fail	3.6 AA Large	1.5 Fail
3.6 AA Large	1.7 Fail	—	2.1 Fail	1.1 Fail
7.4 AAA	3.6 AA Large	2.1 Fail	—	2.3 Fail
3.2 AA Large	1.5 Fail	1.1 Fail	2.3 Fail	—

White BG

11.7AAA

5.6AA

3.3AA Large

1.6Fail

3.7AA Large

Black BG

1.8Fail

3.7AA Large

6.4AA

13.2AAA

5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

464531

63636D

7C7CA0

D4D436

A5A358

Deuteranopia

4A4F2F

62616D

79769F

D4D442

AEB957

Tritanopia

602C2C

5F6C6C

6B9D9C

D45E67

E05554

Achromatopsia

373737

666666

898989

BCBCBC

7D7D7D

Shades & Tints Shades & Tints

#632036

Dark

Light

#5E696E

Dark

Light

#6994A4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #632036;
  --color-2: #5e696e;
  --color-3: #6994a4;
  --color-4: #d4d404;
  --color-5: #e84d5b;
}

SCSS

$color-1: #632036;
$color-2: #5e696e;
$color-3: #6994a4;
$color-4: #d4d404;
$color-5: #e84d5b;

TAILWIND

colors: {
  'brand-1': '#632036',
  'brand-2': '#5e696e',
  'brand-3': '#6994a4',
  'brand-4': '#d4d404',
  'brand-5': '#e84d5b',
}

RGB Array

[99, 32, 54], [94, 105, 110], [105, 148, 164], [212, 212, 4], [232, 77, 91]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #632036, #5E696E, #6994A4, #D4D404, #E84D5B 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: #632036; --color-2: #5e696e; --color-3: #6994a4; --color-4: #d4d404; --color-5: #e84d5b. 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