#CDD903 + #9FAD42 + #3B3340 + #71314D + #B73A72 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#CDD903

Autumn Sage · Gold · Honey Gold

HEX

#CDD903

RGB

rgb(205, 217, 3)

HSL

hsl(63, 97%, 43%)

HSB

hsb(63, 99%, 85%)

CMYK

cmyk(6%, 0%, 99%, 15%)

Oklch

oklch(84.7% 0.190 113.8)

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

#9FAD42

Autumn Sage · GoldenRod · Honey Gold

HEX

#9FAD42

RGB

rgb(159, 173, 66)

HSL

hsl(68, 45%, 47%)

HSB

hsb(68, 62%, 68%)

CMYK

cmyk(8%, 0%, 62%, 32%)

Oklch

oklch(71.5% 0.132 116.1)

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

#3B3340

Dark Plum · DarkSlateGray · Eggplant

HEX

#3B3340

RGB

rgb(59, 51, 64)

HSL

hsl(277, 11%, 23%)

HSB

hsb(277, 20%, 25%)

CMYK

cmyk(8%, 20%, 0%, 75%)

Oklch

oklch(33.5% 0.025 312.4)

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

#71314D

Dark Violet · Brown · Camellia

HEX

#71314D

RGB

rgb(113, 49, 77)

HSL

hsl(334, 40%, 32%)

HSB

hsb(334, 57%, 44%)

CMYK

cmyk(0%, 57%, 32%, 56%)

Oklch

oklch(40.9% 0.096 354.7)

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

#B73A72

Dark Violet · MediumVioletRed · Camellia

HEX

#B73A72

RGB

rgb(183, 58, 114)

HSL

hsl(333, 52%, 47%)

HSB

hsb(333, 68%, 72%)

CMYK

cmyk(0%, 68%, 38%, 28%)

Oklch

oklch(54.5% 0.168 356.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CDD903

0E03D8

Analogous

D87803

CDD903

63D803

Triadic

CDD903

03CDD8

D803CD

Split-Comp.

CDD903

0363D8

7803D8

Tetradic

CDD903

03D878

0E03D8

D80363

Contrast Matrix WCAG 2.1 Contrast

CDD903	9FAD42	3B3340	71314D	B73A72
—	1.6 Fail	7.8 AAA	6.0 AA	3.5 AA Large
1.6 Fail	—	4.9 AA	3.8 AA Large	2.2 Fail
7.8 AAA	4.9 AA	—	1.3 Fail	2.2 Fail
6.0 AA	3.8 AA Large	1.3 Fail	—	1.7 Fail
3.5 AA Large	2.2 Fail	2.2 Fail	1.7 Fail	—

White BG

1.6Fail

2.5Fail

12.1AAA

9.3AAA

5.4AA

Black BG

13.5AAA

8.5AAA

1.7Fail

2.2Fail

3.9AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D2D237

A5A55C

38373D

555546

818064

Deuteranopia

D2D143

A4A362

38393C

595E45

889261

Tritanopia

CE6069

A07075

3B3A3A

6E4140

B15A57

Achromatopsia

BDBDBD

9D9D9D

373737

474747

666666

Shades & Tints Shades & Tints

#CDD903

Dark

Light

#9FAD42

Dark

Light

#3B3340

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cdd903;
  --color-2: #9fad42;
  --color-3: #3b3340;
  --color-4: #71314d;
  --color-5: #b73a72;
}

SCSS

$color-1: #cdd903;
$color-2: #9fad42;
$color-3: #3b3340;
$color-4: #71314d;
$color-5: #b73a72;

TAILWIND

colors: {
  'brand-1': '#cdd903',
  'brand-2': '#9fad42',
  'brand-3': '#3b3340',
  'brand-4': '#71314d',
  'brand-5': '#b73a72',
}

RGB Array

[205, 217, 3], [159, 173, 66], [59, 51, 64], [113, 49, 77], [183, 58, 114]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CDD903, #9FAD42, #3B3340, #71314D, #B73A72 is ideal for: tech websites, dark mode UIs, game UIs. 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: #cdd903; --color-2: #9fad42; --color-3: #3b3340; --color-4: #71314d; --color-5: #b73a72. 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. 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