#D1C43A + #CD5640 + #7B4D67 + #3C1844 + #61AFB3 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#D1C43A

Autumn Sage · GoldenRod · Sunflower

HEX

#D1C43A

RGB

rgb(209, 196, 58)

HSL

hsl(55, 62%, 52%)

HSB

hsb(55, 72%, 82%)

CMYK

cmyk(0%, 6%, 72%, 18%)

Oklch

oklch(80.7% 0.152 103.8)

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

#CD5640

Crimson · Chocolate · Passion Red

HEX

#CD5640

RGB

rgb(205, 86, 64)

HSL

hsl(9, 59%, 53%)

HSB

hsb(9, 69%, 80%)

CMYK

cmyk(0%, 58%, 69%, 20%)

Oklch

oklch(60.2% 0.156 32.4)

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

#7B4D67

Rose Purple · DimGray · Camellia

HEX

#7B4D67

RGB

rgb(123, 77, 103)

HSL

hsl(326, 23%, 39%)

HSB

hsb(326, 37%, 48%)

CMYK

cmyk(0%, 37%, 16%, 52%)

Oklch

oklch(48.1% 0.072 345.2)

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

#3C1844

Dark Plum · MidnightBlue · Dark Purple

HEX

#3C1844

RGB

rgb(60, 24, 68)

HSL

hsl(289, 48%, 18%)

HSB

hsb(289, 65%, 27%)

CMYK

cmyk(12%, 65%, 0%, 73%)

Oklch

oklch(28.4% 0.087 320.0)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

#61AFB3

Slate Blue · CadetBlue · Lake Green

HEX

#61AFB3

RGB

rgb(97, 175, 179)

HSL

hsl(183, 35%, 54%)

HSB

hsb(183, 46%, 70%)

CMYK

cmyk(46%, 2%, 0%, 30%)

Oklch

oklch(70.6% 0.077 199.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D1C43A

3945D0

Analogous

D07839

D1C43A

91D039

Triadic

D1C43A

39D0C4

C439D0

Split-Comp.

D1C43A

3991D0

7839D0

Tetradic

D1C43A

39D078

3945D0

D03991

Contrast Matrix WCAG 2.1 Contrast

D1C43A	CD5640	7B4D67	3C1844	61AFB3
—	2.3 Fail	3.8 AA Large	8.3 AAA	1.4 Fail
2.3 Fail	—	1.6 Fail	3.6 AA Large	1.7 Fail
3.8 AA Large	1.6 Fail	—	2.2 Fail	2.7 Fail
8.3 AAA	3.6 AA Large	2.2 Fail	—	5.9 AA
1.4 Fail	1.7 Fail	2.7 Fail	5.9 AA	—

White BG

1.8Fail

4.2AA Large

6.8AA

14.9AAA

2.5Fail

Black BG

11.7AAA

5.0AA

3.1AA Large

1.4Fail

8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCB5B

999845

676761

2C2C39

8383B2

Deuteranopia

CCCD63

A0A947

6A6D5F

2F3137

7E78B2

Tritanopia

D0767C

C74A4A

795C5B

3A312F

65B1B1

Achromatopsia

B8B8B8

777777

5E5E5E

282828

989898

Shades & Tints Shades & Tints

#D1C43A

Dark

Light

#CD5640

Dark

Light

#7B4D67

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d1c43a;
  --color-2: #cd5640;
  --color-3: #7b4d67;
  --color-4: #3c1844;
  --color-5: #61afb3;
}

SCSS

$color-1: #d1c43a;
$color-2: #cd5640;
$color-3: #7b4d67;
$color-4: #3c1844;
$color-5: #61afb3;

TAILWIND

colors: {
  'brand-1': '#d1c43a',
  'brand-2': '#cd5640',
  'brand-3': '#7b4d67',
  'brand-4': '#3c1844',
  'brand-5': '#61afb3',
}

RGB Array

[209, 196, 58], [205, 86, 64], [123, 77, 103], [60, 24, 68], [97, 175, 179]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D1C43A, #CD5640, #7B4D67, #3C1844, #61AFB3 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: #d1c43a; --color-2: #cd5640; --color-3: #7b4d67; --color-4: #3c1844; --color-5: #61afb3. 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